回顾meta原数据标签(2)，前端基础

前言

上次内容回顾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新增的一些属性。

好啦，本节内容就总结到这里。我的文章都是学习过程中的总结，希望能够和小伙伴们共同进步共同学习，如果发现错误，也欢迎留言指出，我及时更正。