Post by account_disabled on Jan 28, 2024 21:49:38 GMT -8
我的一本 HTML5 书籍的情况下我不知道其中的区别。但慢慢地就越来越清晰了。我认为 Jeremy Keith在HTML5 for Web Designers<article>的第 67 页上给出了最好的定义： “该article元素是[一种]专门的类型section。将其用于独立的相关内容...问问自己是否会将内容联合到 RSS 或 Atom 提要中。如果该内容在该上下文中仍然有意义那么article可能是使用正确的元素。” — Jeremy KeithWeb 设计师 HTML5 Keith 的解释很有帮助但他接着解释说 和 之间的差异<article>非常<section>小由每个开发人员决定如何使用这些元素。更令人困惑的是您可以在节中包含多篇文章也可以在文章中包含多个节。 因此您可能想知道为什么我们两者都有。主要区别在于该<article>元素是为聚合而设计的而该<sec。
tion>元素是为文档结构和可移植性而设计的。这种查看差异的简单方法无疑有助于使这两个新元素更加明显。这里要记住的重要一点是尽管我们最初感到困惑但当这些变化被更广泛地采用时将帮助开发人员和内容创建者改进他们的工作方式和内容共享方式。 页眉和 购买电话号码列表 页脚（复数！） HTML5 中引入的另外两个元素是<header>和<footer>元素。从表面上看这些似乎非常简单。<div id="header">多年来我们一直用或类似标记来标记我们的网站页眉和页脚<div id="footer">。这对于 DOM 操作和样式设计非常有用因为我们可以直接定位这些元素。但它们在语义上没有任何意义。 “div元素没有定义的语义id属性也没有定义的语义。（不允许用户代理从id属性的值推断出任何含义。）” — Mark Pilgrim《深入研究 HTML5》 HT。
ML5 引入<header>和<footer>元素是解决这个语义问题的完美方法特别是对于这种经常使用的元素。但这些要素并不像看起来那么简单。从技术上讲如果世界上每个网站都在其每个页面中添加一<header>和一<footer>那么这将是完全有效的 HTML5。但这些新元素不仅仅局限于用作“网站页眉”和“网站页脚”。 页眉旨在标记介绍性或导航帮助页脚旨在包含有关包含元素的信息。例如如果您使用页脚元素作为整个网页的页脚那么在这种情况下版权、政策链接和相关内容可能适合它保存。同一页面上的标题可能包含徽标和导航栏。 但同一页面也可能包含多个<section>元素。这些部分中的每一个都允许包含自己的页眉和/或页脚元素。Keith 很好地总结了这些元素的目的： “Aheader通常会出现在文档或部分的顶部但并。
tion>元素是为文档结构和可移植性而设计的。这种查看差异的简单方法无疑有助于使这两个新元素更加明显。这里要记住的重要一点是尽管我们最初感到困惑但当这些变化被更广泛地采用时将帮助开发人员和内容创建者改进他们的工作方式和内容共享方式。 页眉和 购买电话号码列表 页脚（复数！） HTML5 中引入的另外两个元素是<header>和<footer>元素。从表面上看这些似乎非常简单。<div id="header">多年来我们一直用或类似标记来标记我们的网站页眉和页脚<div id="footer">。这对于 DOM 操作和样式设计非常有用因为我们可以直接定位这些元素。但它们在语义上没有任何意义。 “div元素没有定义的语义id属性也没有定义的语义。（不允许用户代理从id属性的值推断出任何含义。）” — Mark Pilgrim《深入研究 HTML5》 HT。
ML5 引入<header>和<footer>元素是解决这个语义问题的完美方法特别是对于这种经常使用的元素。但这些要素并不像看起来那么简单。从技术上讲如果世界上每个网站都在其每个页面中添加一<header>和一<footer>那么这将是完全有效的 HTML5。但这些新元素不仅仅局限于用作“网站页眉”和“网站页脚”。 页眉旨在标记介绍性或导航帮助页脚旨在包含有关包含元素的信息。例如如果您使用页脚元素作为整个网页的页脚那么在这种情况下版权、政策链接和相关内容可能适合它保存。同一页面上的标题可能包含徽标和导航栏。 但同一页面也可能包含多个<section>元素。这些部分中的每一个都允许包含自己的页眉和/或页脚元素。Keith 很好地总结了这些元素的目的： “Aheader通常会出现在文档或部分的顶部但并。