html标签语义化

<header></header> 页眉 </hgroup> <figure> <figcaption>dadada</figcaption> </figure> <input type="text" list="valList" /> <datalist id="valList"> <option value="javascript">javascript</option> <option value="html">html</option> <option value="css">css</option> </datalist> <details> </details> <dialog open> <dt>4</dt> </dialog> <form action="http://www.baidu.com" method="get"> <input type="submit" /> </form> <progress max="100" value="76"> <span>76</span>% </progress> 原文：https://www.cnblogs.com/wssjzw/p/9270814.html

　　所有人都知道html即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。 　　html标签中的大部分都是由“语义化”标签所担任 　　那么，它有什么用呢？ 　　 　　我认为，它主要有以下四点用处： 　 　1 ，去掉或者丢失样式的时候能够让页面呈现出清晰完整的结构 　　 2 ，有利于 SEO ：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息；爬虫依赖于标签来确定上下文和各个关键字的权重； 　　3 ，让页面的内容结构化 ， 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备） 　　4 ，便于团队开发和维护，语义化更具可读性，遵循 W3C 标准的团队都遵循这个标准，可以减少差异化。 　　 来源： http://www.cnblogs.com/paradise-zzz/p/8455865.html

简述一下你对 HTML 语义化的理解？ 用正确的标签做正确的事情。 html 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析; 即使在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的; 搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各个关键字的权重，利于 SEO; 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。 来源： https://www.cnblogs.com/nayek/p/11728752.html

1.什么是HTML语义化？ 基本上都是围绕着几个主要的标签，像标题（h1-h6），列表（li），强调（strong em）等。 根据内容的语义化（内容结构化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。 2.为什么要语义化？ 为了在没有css的情况下，页面也能呈现出很好的内容结构和代码结构。 为了提升用户体验，如：title，alt用于解释名词或解释图片信息，lable标签的活用。 有利于和搜索引擎建立良好的沟通。 方便其他设备解析（如屏幕阅读器，盲人阅读器，移动设备），以意义的方式来渲染网页。 便于团队的开发和维护，语义化更具有可读性，是下一步网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。 3.写HTML代码是应注意什么？ 尽可能少的使用无语义的标签div和span 在语义不明显时，既可以使用div或者时，尽量用p，因为p在默认情况下有上下间距，对兼容特殊终端有利。 不要使用纯样式的标签，如：b，font，u等，改用css设置。 需要强调的文本，可以包含在strong（加粗）或者em（斜体）标签中（浏览器预设样式，能用css样式就不用它们） 使用表格，标题要用caption，表头用thead，主体部分用tbody包围，尾部要tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td

一、什么是 HTML 语义化 所以 HTML 语义化，就是用恰当的标签去展示恰当的内容，像 HTML5 中新增的 header、nav、footer 等标签，而非什么都用 div 这种不具备语义化的标签来显示 二、HTML 语义化的作用 1、方便代码的维护，语义化的 HTML 代码更具可读性 2、有利于 SEO ，提高搜索引擎的有效爬取 来源： https://www.cnblogs.com/Leophen/p/11355649.html

HTML语义化的重要性。 实现了无障碍访问 ：使其内容对于借助辅助技术的残障访问者也是可以访问的，对于台式机、手机、平板或是其他设备上的浏览器都是可以访问的；’ 搜索引擎优化 ：网页在搜索引擎中的排名会靠前，因为搜索引擎对用特殊标记的内容赋予更高的权重； 更容易维护代码和添加样式 ：清晰的结构能使代码更有效，更加有利于维护，更容易检索到可能出现的错误。借助css统一特定的元素的样式。 如何实现html语义化？减少对html结构的依赖，例如在html结构中有一个设置文字样式的<font>标签，但是在html5协议中则不建议再进行使用，建议把<font>标签转化为CSS样式定义的例如<h1 style="font-size:30px"> 这样作为一个样式值而不是单独的html标签形式。尽量使用css来设置结构，用HTML定义框架 <title>：页面主体内容。 <hn>：h1~h6，分级标题，<h1> 与 <title> 协调有利于搜索引擎优化。 <ul>：无序列表。 <li>：有序列表。 <header>：页眉通常包括网站标志、主导航、全站链接以及搜索框。 <nav>：标记导航，仅对文档中重要的链接群使用。 <main>：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。 <article>：定义外部的内容，其中的内容独立于文档的其余部分。 <section>