2-20 简单说下你理解的语义化,怎样来保证你写的符合语义化?HTML5语义化标签了解下?


我理解的语义化

在我看来,语义化,等同是语言本身在与开发者进行沟通的言语,我们读一本书,他有章节,目录,有每一个段落,标点,都是在进行语义化的描述信息,所以html的语义化,在与根据不同意义的标签,构建通俗易懂的网页结构,这才是语义化

语义化的优势主要在于下面几点:

  1. 其他开发者便于阅读代码,通过不同标签明白每个模块的作用何区别;
  2. 结构明确、语义清晰的页面能有更好的用户体验,在样式(css)没有加载前也有较为明确的结构,更如img这一类的,在图片无法加载的情况下有alt标签告知用户此处图片的具体内容;
  3. 利于SEO,语义化便于搜索引擎爬虫理解,和搜索引擎建立良好的沟通,能让爬虫爬去更多关键有效的信息;
  4. 方便其他设别阅读(如屏幕阅读器,盲人设备和移动设备等)

怎么保证我写的符号语义化?

借用w3c组织说的一句话:以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式,但实际上,这些标签都拥有确切的语义。
我们并不反对使用它们,但是如果您只是为了达到某种视觉效果而使用这些标签的话,我们建议您使用样式表,那么做会达到更加丰富的效果

尽可能少用无语义的标签div和span,不使用纯样式标签b、font,需要强调的文本放在strong和em中等
HTML5语义化标签:article aside details figcaption figure footer> header main mark nav section summary time

HTML5语义化标签了解下?

  1. : 定义页面独立的内容区域。
  2. : 定义 section 或 document 的页脚。
  3. : 定义了文档的头部区域
  4. : 定义文档中的节(section、区段)。
  5. : 定义日期或时间。
  6. : 定义任何类型的任务的进度。
  7. : 定义带有记号的文本。

相关