HTML5风格编写html文件时通过DOCTYPE告知客户端的原则

　　HTML5风格编写html文件时通过DOCTYPE告知客户端的原则

　　语义认知

　　标签是HTML5中的一个内容，下图是HTML5中的一个元素。

　　根据元素的默认形式，也可以分为三种类型的元素：块、内联（inline）和内联块。

　　写HTML5风格的html文件时，DOCTYPE告诉客户端如何解析文档，HTML直接是'html'，如下例。

　　html5 有很多基于结构的元素来代替 div 函数或部分函数。所以，在使用html5时应该遵循的原则：为自己辩解，不要勉强。

　　根据html5规范，上图是一个经典的页面设计。

　　先说header：header一般收录title和subtitle等，当有多个title时，需要使用hgroups来包裹元素。

　　nav 的主要内容是本站的导航信息和介绍性内容。通过使用ol、ul来形成路径集。其他介绍元素也可以使用hgroup、h包。

　　article 元素描述页面的实际内容，您可以使用 hgroup、h 或 section、h、p 来进一步构建内容。当然，也可以添加页眉和页脚。

　　section 元素描述了分组内容信息。当需要对文本进行分组时可以使用它。内容信息也由媒体元素（音频、视频）大量描述。 Embed 通常用于描述嵌入的 Flash 内容。当需要描述内容时，可以用图来描述与内容相关的信息。

　　aside 描述与文本无关的辅助信息。一些文章关注信息或者网站小工具可以用旁白来描述。页脚是页脚信息。

　　这部分更详细的内容见shyleoking，IBMDW

　　html5为语义添加了这么多内容，那么语义到底是什么？

　　Web语义简单来说就是让机器理解数据的内容，从而提升人类使用互联网获取信息的体验。除了网络语义，人工智能AI还可以用来增强机器对数据的理解。随着电子邮件的发展，文档模型（BOM、DOM）便于人类阅读。为了让机器理解，从数据到表达本体的映射必须在语义上基于网络。 （超文本是在文本协议上扩展文档关系的能力）

　　HTML 规范一直在向语义方向努力。在设计很多元素和属性时，我们已经考虑过如何让各种用户代理甚至网络爬虫更好地理解 HTML 文档。就像上面的描述一样，HTML5 是基于之前的规范。修改或删除了所有表象语义描述，增加了许多可以表达更丰富语义的元素。

　　更多理解请看知乎Q&A

　　搜索引擎甚至使用网络爬虫来爬取网站信息并建立索引。例如谷歌的机器人和百度的baiduspider。并且网站相关人员使用搜索引擎优化（SEO）来提高搜索引擎的抓取水平，提高网站排名。这分为白帽法和黑帽法。白帽法试图找出并纠正导致排名不佳的错误，使其对搜索引擎和用户更加友好。比如优化图形内容，包括ALT属性和添加文字说明。

　　搜索引擎一般都会发布相关的指南，文档中收录了搜索引擎可接受和不可接受的指南。

　　例如百度的百度SEO指南：

　　Google 还发布了 Google 搜索引擎优化初学者指南：

　　以上都是白帽法，黑帽法是利用和放大搜索引擎的战略缺陷（实际上并没有完善的系统）来获取更多的用户流量。 Web 开发也不提倡这样做。

　　简而言之，白帽黑帽的判断方法是你所做的事情对用户是否有价值。

　　上面也说了搜索引擎抓取AJAX信息。百度好像不支持爬虫，但是谷歌已经支持爬虫了。并且我们可以利用html的history API让搜索引擎获取单页网页的更新内容。详情请参考阮一峰的文章

　　免责声明：本文原创发布于php中文网，转载请注明出处，感谢您的尊重！如果您有任何问题，请联系我们