前言
上次内容回顾meta的概念,和关键字,视窗两个属性的使用,因为内容还是比较多的,所以分开来讲,下面继续上次内容开始。
copyright
copyright表示要设定网页版权信息,content中定义网页版权的具体信息。
<meta name="copyright" content="版权归我">
author
author表示设定作者信息,在content中定义具体的信息。
不会在页面显示,只会在源码中显示制作者的姓名及个人信息。
<meta name="author" content="作者名字">
description
description表示设置页面描述,content中定义描述页面的具体信息。
设置页面描述也是为了便于搜索引擎的查找,它用来描述网页的主题等,与关键字一样,设置的页面描述也不会在网页中显示出来。算是对关键字keywords的补充吧
<meta name="discription" content="这是描述">
repaly-to
repaly-to表示设定联系人的邮箱,content中定义联系人的具体邮箱。
<meta name="reply-to" content="XXXXX@qq.com">
build
build表示设定建立网站的日期,content中定义具体日期。
<meta name="build" content="年-月-日">
robots
robots表示搜索方式,content中定义搜索的具体方式。
- All:可以搜索当前网页和链接的网页
- Index:可以搜索当前网页
- Nofollow:不能搜索链接的网页
- Noindex:不能搜索当前网页
- None: 不能搜索当前网页和链接的网页
我发现了一个问题,每一个值又牵扯到好多东西,有机会还是要详细讲讲的。
<meta name="robots" content="Index">
语义化
语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析。常见的html标签有
<header>
用于规定文档或节的页眉,就是头部<nav>
定义导航链接,就是导航<main>
规定文档的主内容 ,就是主体内容<footer>
定义文档或节的页脚 ,就是底部
为啥要语义化呢
- 标签语义化有助于构架良好的HTML结构,有利于搜索引擎的建立索引、抓取。 还更易查找、测试、调试
- 有利于不同设备的解析(屏幕阅读器,盲人阅读器等)就比如有人写代码全div,那怎么分清头部,导航,主体,底部呢
- 有利于构建清晰的结构,有利于团队的开发、维护,提高代码的可维护性和健壮性
总结
不要觉得有些东西没用,这样是为了语义化,语义化是什么,语义化是指根据内容的结构化,选择合适的标签,便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析。开发者要方便,浏览器解析也要方便啊。而且语义化了之后,会方便残疾人阅读啊,那些视觉障碍的人可以通过页面朗读来听内容。本次算是把name给讲完了,还剩下http-equiv没讲呢,任重而道远啊,下次内容再带大家回顾http-equiv的属性吧,以及html5新增的一些属性。
好啦,本节内容就总结到这里。我的文章都是学习过程中的总结,希望能够和小伙伴们共同进步共同学习,如果发现错误,也欢迎留言指出,我及时更正。