0

在过去的几年里,我一直在使用 html 4 对网站进行编程。昨天我决定继续学习 HTML5。可悲的是,旧浏览器不支持 HTML5,但我发现了一个 js 文件“html5shiv”,它将“强制”浏览器理解 html5。

在学习 HTML5 新语义时,我在理解少数元素之间的差异方面遇到了一些困难。

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

“虽然<figure>元素的内容与主流相关,但它的位置与主流无关,如果移除它不应该影响文档的流向。”

如果删除它不会影响文档的流动是什么意思?

<div>另外,和有什么区别<section><article>此外, and <section>or和有什么区别<div>

提前致谢!

4

1 回答 1

2

div并且section将被浏览器以相同的方式对待(因为未知元素被视为divs。)它的优点section是,对于阅读源代码的人来说,该元素表示与其他sections 不同的一组信息。并且大概在未来,搜索引擎将优先考虑包含在 asection中的信息,而不是包含在 a 中的信息div。在实践中(截至 2013 年),如果您将 everysection和替换articlediv. 所以优点是a)语义可读性和b)未来证明。

AFAIKarticle标签表示它的子元素(通常section是 s)应该被视为整体的一部分。

引用w3schools:语义元素

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

一篇文章本身应该是有意义的,并且应该可以独立于网站的其余部分进行分发。

可以使用元素的示例:

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

于 2013-11-04T05:21:29.077 回答