免费网站创建,个人网站做企业网站,公众号怎么做教程,网页设计与制作(第3版)书籍一、HTML语义化的背景HTML结构语义化#xff0c;是近几年才提出来的#xff0c;对比之前的 HTML 结构#xff0c;大多是一堆没有语义的标签。用的最多的就是 DIVCSS#xff0c;为了改变这种现状#xff0c;开发者们和官方提出了 HTML结构语义化的概念#xff0c;并且在 H…一、HTML语义化的背景HTML结构语义化是近几年才提出来的对比之前的 HTML 结构大多是一堆没有语义的标签。用的最多的就是 DIVCSS为了改变这种现状开发者们和官方提出了 HTML结构语义化的概念并且在 HTML5 添加了很多语义化标签。二、HTML语义化的概念语义化是指根据内容的结构选择合适的标签便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好的解析。三、HTML语义化的必要随着互联网的发展WEB承载越来越多的信息(图片音频视频等)人们开始用机器来处理网络信息就此诞生了搜索引擎。如次庞大及复杂的信息如何让搜索引擎处理和挖掘所以让机器能够更好地读懂WEB上内容就变得越来越重要。传统的Web由文档组成W3C希望通过一组技术支撑 “数据的Web”即 Web of Data将Web看作一个存储和管理数据的大型分布式数据库。语义Web是构造这样的数据Web的重要一环帮助人们创建数据并存储在Web上创建相关的词汇表及数据的处理规则。四、HTML语义化的作用4.1 页面结构清晰去掉或 CSS 样式丢失的时候,也能让页面呈现清晰的结构增强页面的可读性。4.2 支持更多设备方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以有意义的方式来渲染网页。4.3 利于SEO优化和搜索引擎建立良好沟通有助于爬虫抓取更多的有效信息搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重。4.4 便于团队开发和维护在团队中大家都遵循W3C标准可以减少很多差异化的东西方便开发和维护提高开发效率甚至实现模块化开发。五、HTML语义化的方法(1)根据文档上下文结构合理的选用最适合表达当前语义的标签(2)尽可少使用无语义的标签 和 (3)不要使用带有样式的标签比如 、 、 等使用 CSS 设置(4)标题标签的使用应该根据重要性逐级递减没有断层并且一个页面只能有一个 (5)提高关键词密度如图像的替代文本 alt提示文本 title(6)正确使用内容容器比如段落 列表 , , , , ;(7)需要强调的文本可以使用 或 标签(浏览器默认样式能用 CSS 设置就不用) 默认样式是加粗(不用 ) 是斜体(不用 )(8)表格注意使用标题 表头 表格主体(正文)表注(页脚)。 定义表格行 定义表头 定义表格单元。(9)表单域使用 标签并且 标签为 定义标题(10)每个 标签对应的说明文本都需要使用 标签通过为 设置 id 属性并且在 标签中设置 forid 使说明文本和对应的 关联。