HTML的head常用标签之meta标签和非meta标签

<head> 标签用于定义文档的头部，它是所有头部元素的容器。

<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。

绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

<head>内常用标签：<meta>和非meta标签。其中，<title> 定义文档的标题，它是 head 部分中唯一必需的元素。

一.<meta>标签

<meta>标签没有结束标签，所有浏览器都支持 <meta> 标签。

#1、指定字符集
<meta charset="gbk">

#2、定义对页面的描述
<meta name="Description" content="具体描述内容......">

#3、定义搜索引擎的关键字：有助于搜索引擎SEO优化。
<meta name="Keywords" content="美妆，服装，礼物，时尚杂志">

#4、自动刷新并指向新的页面:三秒后跳转到百度
<meta http-equiv="refresh" content="3,http://www.baidu.com">

#5、自动刷新：每三秒刷新一次
<meta http-equiv="refresh" content="3"> 

#6、定义页面的最新版本
<meta name="revised" content="David, 2008/8/8/" />

二、非meta标签：<base>，<link>，<script>，<style>，以及<title>。

<base>，<link>标签没有结束标签。

<title>标签定义文档的标题；

<link>标签定义文档与外部资源的关系，最常见的用途是链接样式表；

<script>标签用于定义客户端脚本，比如 JavaScript；

<style> 标签用于为 HTML 文档定义样式信息；

<title> 元素可定义文档的标题。

#1、定义文档的标题
<title>百度一下，你就知道</title>

#2、网站的图标
<link rel="icon" href="https://www.baidu.com/favicon.ico">

#3、定义内部样式
<style></style>

#4、引入外部样式文件
<link rel="stylesheet" href="mystyle.css">

#5、定义JavaScript代码或引入JavaScript文件
<script src="hello.js"></script>
插入JavaScript脚本：
<script type="text/javascript">
document.write("Hello World!")
</script>

#6、<base> 标签为页面上的所有链接规定默认地址或默认目标。
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />

 

posted @ 2021-12-09 15:17  Tutu007  阅读(207)  评论(0)  编辑  收藏  举报