前端培训丁鹿学堂：前端面试之meta相关知识点总结

meta标签的定义：

meta是文档级元数据元素，用来表示那些不能由其它 HTML 元相关元素之一表示的任何元数据。 我们从三个方面去了解mata标签即可。

meta的name属性

name和content一起使用，前者表示要表示的元数据的名称，后者是元数据的值

1. description，对页面内容的描述

<meta name="description" content="这是测试的网页，可以写一些描述">

2. keyword ,关键字

<meta name="keyword" content="丁鹿学堂,前端培训">

3. viewport 视口

width用来设置 viewport 的宽度为设备宽度;initial-scale为设备宽度与 viewport 大小之间的缩放比例。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

meta的http-equiv

最常用的是用来是做IE浏览器适配的。 IE=edge告诉浏览器，以当前浏览器支持的最新版本来渲染，IE9就以IE9版本来渲染

 <meta http-equiv="X-UA-Compatible" content="IE=edge">

meta 的charset属性

用来声明文档类型和字符集

 <meta charset="UTF-8">

小结

其实meta的标签还有很多，大部分是用不到的，作为html，本身就是识记为主，上面的很多东西也是ide会默认给我们生成。我们只需要大概有个了解，知道是干嘛的就行，手写的话没有必要。 这个主要是面试会用到，因为它是为数不多的，值得问的html相关的知识。