meta标签到底是做什么的，你真的了解吗？
共 4328字，需浏览 9分钟
· 2021-07-27
来源 | http://www.zhiqianduan.com
一、起因
二、head 标签
三、title 标签
1. dir 属性
2. lang 属性
四. meta 标签
1. http-equiv 属性
1）. content-type
content-type: text/html charset=utf8
2）. expires
用于设置浏览器的过期时间, 其实就是响应头中的expires属性。
<meta http-equiv="expires" content="31 Dec 2021">expires:31 Dec 2008
3）. refresh
该种设定表示5秒自动刷新并且跳转到指定的网页。如果不设置url的值那么浏览器则刷新本网页。
<meta http-equiv="refresh" content="5 url=http://www.webqdkf.com">4）. window-target
强制页面在当前窗口以独立页面显示, 可以防止别人在框架中调用自己的页面。
<meta http-equiv="window-target" content="_top'>5）. pragma
禁止浏览器从本地计算机的缓存中访问页面的内容
<meta http-equiv="pragma" content="no-cache">2. name 属性
name属性主要用于描述网页，与对应的content中的内容主要是便于搜索引擎查找信息和分类信息用的, 用法与http-equiv相同，name设置属性名，content设置属性值。
1）. author
author用来标注网页的作者
<meta name="author" content="yindong@mail.abc.com">2）. description
description用来告诉搜素引擎当前网页的主要内容，是关于网站的一段描述信息。
<meta name="description" content="这是我的HTML">3）. keywords
keywords设置网页的关键字，来告诉浏览器关键字是什么。是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。
<meta name="keywords" content="Hello world">4）. generator
表示当前html是用什么工具编写生成的，并没有实际作用，一般是编辑器自动创建的。
<meta name="generator" content="vscode">5)、revised
指定页面的最新版本
<meta name="revised" content="V2，2015/10/1">6)、 robots
告诉搜索引擎机器人抓取哪些页面，all / none / index / noindex / follow / nofollow。
<meta name="robots" content="all">all：文件将被检索，且页面上的链接可以被查询；none：文件将不被检索，且页面上的链接不可以被查询；index：文件将被检索；follow：页面上的链接可以被查询；noindex：文件将不被检索，但页面上的链接可以被查询；nofollow：文件将不被检索，页面上的链接可以被查询。
3. scheme 属性
scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 head 标签的 profile 属性指定的概况文件中进行了定义。
五、 base 标签
base标签定义了文档的基础url地址，在文档中所有的相对地址形式的url都是相对于这里定义的url而言的。为页面上的链接规定默认地址或目标。
base标签包含的属性。
1. href
href是必选属性，指定了文档的基础url地址。例如，如果希望将文档的基础URL定义为https：//www.abc.com，则可以使用如下语句：<base href="http://www.abc.com">如果文档的超链接指向welcom.html,则它实际上指向的是如下url地址：https://www.abc.com/welocme.html。
2.target
定义了当文档中的链接点击后的打开方式_blank，_self，_parrent，_top。
6. link 标签
link用于引入外部样式表，在html的头部可以包含任意数量的link，link标签有以下常用属性。
1. type
定义包含的文档类型，例如text/css
2. rel
定义html文档和所要包含资源之间的链接关系，可能的值有很多，最为常用的是stylesheet，用于包含一个固定首选样式的表单。
3. href
表示指向被包含资源的url地址。
7. style 标签
编写内部样式表的标签。
8. script 标签
加载JavaScript脚本的标签。加载的脚本会被默认执行。默认情况下当浏览器解析到script标签的时候会停止html的解析而开始加载script代码并且执行。
<script src="script.js"></script>
1). type
指示脚本的MIME类型。<script type="text/JavaScript">。
2). async
规定异步执行脚本，仅适用于通过src引入的外部脚本。设置的async属性的script加载和执行不会影响后面html的解析，加载及执行是与文档解析同时发生的。
<script async src="script.js"></script>3). charset
规定在外部脚本文件中使用的字符编码。
4). defer
规定是否对脚本执行进行延迟，直到页面加载为止。设置了defer属性的script不会阻止后面html的解析，加载与解析是共同进行的，但是script的执行要在所有元素解析完成之后，DOMContentLoaded事件触发之前完成。
<script defer src="myscript.js"></script>5). language
规定脚本语言，与``type```功能类似，不建议使用该字段。
6). src
外部脚本的地址。
9. bgsound
网站背景音乐。
<bgsound src="" autostart="" loop="">1). src
表示背景音乐的url值。
2). autostart
是否自动播放ture自动播放，false不播放，默认为false。
3). loop
是否重复播放，值为数字或者infinite，表示重复具体次或无限次。
本文完~
学习更多技能
请点击下方公众号
