那些年，我遇到的看起来很难懂的HTML标签

base标签

作用：为页面上的所有链接规定打开方式。
例如：


target值为_self时，在当前窗口打开，值为_blank时，在新的空白窗口打开。

meta标签

作用：提供有关页面的元信息，这些信息位于meta标签的属性集中。
必须属性：content；
可选属性：http-equiv，name和scheme。
例如：

charset规定HTML文档的字符编码，通常把utf-8码叫做万国码。

X-UA-Compatible是浏览器兼容模式，content属性中的IE=edge代表的是IE使用最新版本的方式渲染。

通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域。该meta标签的作用是让当前viewport的宽度等于设备的宽度。

name="description"是网页的描述，是给搜索引擎看的，搜索引擎根据这个描述进行收录排名，一般是网页内的关键字。
备注：可以有多个META标签，但是每个META的name不能一样。

奇怪的link标签

通常情况link用来引入css文件，所以下面这个标签让我很费解。

搜索了一下发现，原来这是定义站点的icon图标，它是显示在地址栏最前面的一个1616或者3232的小图标（建议不要超过32*32），也就是我们这里的favicon.ico图标文件，和引入css一样，href的值也是图标的路径。
例如：

某度和某书的站点icon图标

参考文章：
www.cnblogs.com/2050/p/3877280.html
zhidao.baidu.com/question/75133711.html
暂时写这么多，以后遇到了再来补充！
努力成为优秀的前端工程师！

期待和大家交流，共同进步，欢迎大家加入我创建的与前端开发密切相关的技术讨论小组：

• SegmentFault技术圈:ES新规范语法糖
• SegmentFault专栏：趁你还年轻，做个优秀的前端工程师
• 知乎专栏：趁你还年轻，做个优秀的前端工程师
• Github博客: 趁你还年轻233的个人博客
• 前端开发QQ群：660634678

• 微信公众号： 人兽鬼 / excellent_developers

  
  
  

努力成为优秀前端工程师！