Html5语义元素 - 理解

时间:2013-11-04 05:12:36

标签: html html5

过去几年我一直使用html 4编写网站。昨天我决定继续学习HTML5。遗憾的是,旧的浏览器不支持HTML5,但我发现了一个js文件“html5shiv”,它会“迫使”浏览器理解html5。

在学习HTML5新语义的同时,我在理解几个元素之间的差异时遇到了一些困难。

当我查看<figure>标记时,我读到了:

“虽然<figure>元素的内容与主流有关,但其位置与主流无关,如果删除,则不应影响文档流。”

如果删除文件,它不会影响文件的流量是什么意思?

另外,<div><section>之间有什么区别?此外,<article><section><div>之间有什么区别?

提前致谢!

1 个答案:

答案 0 :(得分:2)

divsection将被浏览器视为相同(因为未知元素被视为div s。)section的优点是,它使其明确有人在阅读源代码时,该元素表示来自其他section的一组不同信息。并且可能在将来,搜索引擎会优先考虑section中包含的信息div中包含的信息。在实践中(截至2013年),如果您使用section替换每个articlediv,则网站的外观和工作方式都相同。所以优点是a)语义可读性和b)未来的证明。

AFAIK article标记表示其子元素(通常为section s)应被视为整体的一部分。

引用w3schools: semantic elements

  

<article>元素指定独立的自包含内容。

     

文章本身应该有意义,应该可以独立于网站的其他部分进行分发。

     

可以使用元素的示例:

     

论坛帖子
  博客文章
  新闻故事
  评论