HTML 5 Section和Main语义标签使用

时间:2015-09-29 04:33:50

标签: html html5 semantic-markup

在研究HTML 5语义标签时,我对如何正确使用部分标签以及{{{ 3}}引用似乎有点模糊,Web上的其他引用似乎有所不同我想知道是否有适当的指导方针来解决以下问题,或者它是否非常适合程序员:

  1. main 标记是否也具有对相关元素进行分组的含义,或者在这种情况下是否应该在 section 标记内?
  2. 将单个元素(如图像)包装到部分标记中是否有意义?
  3. 页面的标题页脚(不在任何部分内)很常见,在这种情况下,如果剩下那些标记包含在部分标记内,就像分隔"内容"的页面?

1 个答案:

答案 0 :(得分:2)

  

主标签是否也具有分组相关元素的含义

仅与<div>组相关元素的程度相同。 <main>的主要目的是指示页面的主要内容的开始位置。 (此外,根据WHATWG规范,但不是W3C规范,页面的主要内容恢复)。

  

或者在这种情况下是否应该在部分标签内?

分区标记是对内容进行分组的一种方式,用于指示其内容在特定主题上,其方式与不在该部分中的内容不同。通常情况下,您可以并且应该使用<h[1-6]>元素为该部分指定标题,该元素说明该主题是什么。

  

将单个元素(如图像)包装到一个中是否有意义   部分标签?

很少。有一件事意味着该部分不包含标题。往上看。通过在分区标记中自己包装图像,不太可能传达任何新信息。

  

页面的页眉和页脚(不在内部)很常见   在这种情况下,任何部分)应该留在这些标签之间   被包装在一个section标签里面,就像分隔了“内容”一样   网页?

没有。该部分的“内容”是它的页眉和页脚。无需添加另一个切片元素容器。