语义元素

语义元素1。什么是语义？根据内容结构，选择合适的标签（语义代码）供开发者阅读。在编写更优雅的代码的同时，浏览器爬虫和机器可以很好地解析它。Semantic（语义）　语义标签是指每一个标签代表一种特定形式的内容，如标题、列表、表格等，对应的概念是表示性标记。Tim最初设想HTML应该是一种纯语义标记语言。然而，在混乱无序的初期，各浏览器厂商或多或少受到了另一种标记语言SGML的影响，SGML已流行多年。标签和样式标签，所以早期的HTML也被设计成两种标签的混合体。但随着20世纪90年代后期CSS的逐渐应用以及随后“内容与表现分离”的理念，style标签在新的HTML版本中逐渐被废除，但出于向后兼容的原因，还是有一些style标签被保留下来,例如:i(style)/em(semantic);b（风格）/强（语义）。2、为什么有语义语言属性：HTML本身就是一种语义标记语言。只有使用语义标记，才能谈及正确使用HTML。易用性：去除或丢失样式时，有利于使页面呈现结构清晰SEO：与搜索引擎建立良好的沟通，有助于爬虫抓取更有效的信息。爬虫依靠标签来确定各个关键字的上下文和权重。增强的可扩展性：方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以有意义的方式呈现网页。易于开发和维护：语义化更具可读性，这是网页下一步的重要趋势。遵循W3C标准的团队遵循这个标准，可以减少差异化。3、写HTML代码要注意什么？尽量少用非语义标签如：div、span；当语义不明显时，可以使用div或者p，尽量使用p，因为p默认有上下间距，有利于兼容特殊终端；不要使用纯粹的样式标签，例如：b、font、u等，而是使用css设置。表单字段要用fieldset标签包裹，并说明表单的用途；使用表格时，标题应为标题，头部应为thehead，主体部分应为tbody，尾部应为tfoot。表格标题应与一般单元格区分开来。使用th作为表头，使用td作为单元格；标签描述指定表头指定表体指定表单元格指定表行指定表头指定表脚过度使用diV标签，html的语义很差，div是没有语义的标签，但是没有语义不代表没有意义，建议div只用来做布局，否则尽量少用。div和span在html中都是用于辅助布局的，都没有语义。不同的是div是块元素，而span是行内元素。从逻辑结构上看，div用于划分块元素，span用于划分行内元素。在里面放一个，这是我们常用的技巧。检查HTML页面是否语义化最好的方法就是去掉页面的Css链接，看页面的结构是否有序，页面的可读性是否还很强。