base标签
作用:为页面上的所有链接规定打开方式。
例如:
<base target="_self">
<base target="_blank">
target值为_self时,在当前窗口打开,值为_blank时,在新的空白窗口打开。
meta标签
作用:提供有关页面的元信息,这些信息位于meta标签的属性集中。
必须属性:content;
可选属性:http-equiv,name和scheme。
例如:
<meta charset="utf-8">
charset规定HTML文档的字符编码,通常把utf-8码叫做万国码。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
X-UA-Compatible是浏览器兼容模式,content属性中的IE=edge代表的是IE使用最新版本的方式渲染。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域。该meta标签的作用是让当前viewport的宽度等于设备的宽度。
<meta name="description" content="">
name="description"是网页的描述,是给搜索引擎看的,搜索引擎根据这个描述进行收录排名,一般是网页内的关键字。
备注:可以有多个META标签,但是每个META的name不能一样。
奇怪的link标签
通常情况link用来引入css文件,所以下面这个标签让我很费解。
<link rel="shortcut icon" href="/favicon.ico">
搜索了一下发现,原来这是定义站点的icon图标,它是显示在地址栏最前面的一个1616或者3232的小图标(建议不要超过32*32),也就是我们这里的favicon.ico图标文件,和引入css一样,href的值也是图标的路径。
例如:
参考文章:
www.cnblogs.com/2050/p/3877280.html
zhidao.baidu.com/question/75133711.html
暂时写这么多,以后遇到了再来补充!
努力成为优秀的前端工程师!
期待和大家交流,共同进步,欢迎大家加入我创建的与前端开发密切相关的技术讨论小组:
- SegmentFault技术圈:ES新规范语法糖
- SegmentFault专栏:趁你还年轻,做个优秀的前端工程师
- 知乎专栏:趁你还年轻,做个优秀的前端工程师
- Github博客: 趁你还年轻233的个人博客
- 前端开发QQ群:660634678
微信公众号: 人兽鬼 / excellent_developers
努力成为优秀前端工程师!