meta元素是一种元数据(Metadata),在了解meta之前,我们先来认识一下metadata。
元数据(Metadata)含有页面的相关信息,包括样式、脚本及数据,能帮助一些软件 (如[搜索引擎](https://developer.mozilla.org/en-US/docs/Glossary/search_engine), [浏览器](https://developer.mozilla.org/en-US/docs/Glossary/Browser)等等)更好地运用和渲染页面。对于样式和脚本的元数据,可以直接在网页里定义,也可以链接到包含相关信息的外部文件。
HTML元素表示那些不能由其它HTML相关元素(<base>,<link>,<script>,<style>或<title>)之一表示的任何元数据信息.,meta元素与link一样,是没有结束标签的,在HTML5中,<meta charset="utf-8">在语法上是正确的,而在XHTML中则必须要有关闭标签<meta charset="utf-8" />。
meta标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于计算机是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。
meta标签常见的属性
charset
<meta charset="utf-8">
对于文档设置字符编码为UTF-8。
name
<meta name="author" content="author name">
定义网页作者。
<meta name="description" content="meta常见的属性">
description用来告诉搜索引擎搜索你的网站主要内容。
<meta name="viewport" content="width=device-width,initial-scale=1.0">
规定可视窗的宽为设备宽,初始缩放比例为1,主要在响应式页面应用较多。
<meta name="keywords" content="HTTP HTML CSS JavaScript">
定义文档关键词,便于搜索引擎搜索。
http-equiv
http头文件,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
meta标签的charset的信息参数如UTF-8时,网页采用世界通用的语言编码。
<meta http-equiv="x-ua-compatible" content="ie=edge">
表示强制浏览器按照最新的标准去渲染。
<meta http-equiv="Content-Language" content="zh-cn">
用于显示语言的设定为中文。
未完待续……