过去几年我一直使用html 4编写网站。昨天我决定继续学习HTML5。遗憾的是,旧的浏览器不支持HTML5,但我发现了一个js文件“html5shiv”,它会“迫使”浏览器理解html5。
在学习HTML5新语义的同时,我在理解几个元素之间的差异时遇到了一些困难。
当我查看<figure>
标记时,我读到了:
“虽然<figure>
元素的内容与主流有关,但其位置与主流无关,如果删除,则不应影响文档流。”
如果删除文件,它不会影响文件的流量是什么意思?
另外,<div>
和<section>
之间有什么区别?此外,<article>
和<section>
或<div>
之间有什么区别?
提前致谢!
答案 0 :(得分:2)
div
和section
将被浏览器视为相同(因为未知元素被视为div
s。)section
的优点是,它使其明确有人在阅读源代码时,该元素表示来自其他section
的一组不同信息。并且可能在将来,搜索引擎会优先考虑section
中包含的信息div
中包含的信息。在实践中(截至2013年),如果您使用section
替换每个article
和div
,则网站的外观和工作方式都相同。所以优点是a)语义可读性和b)未来的证明。
AFAIK article
标记表示其子元素(通常为section
s)应被视为整体的一部分。
引用w3schools: semantic elements:
<article>
元素指定独立的自包含内容。文章本身应该有意义,应该可以独立于网站的其他部分进行分发。
可以使用元素的示例:
论坛帖子
博客文章
新闻故事
评论