|
Post by account_disabled on Jan 29, 2024 0:49:30 GMT -5
所需的复杂脚本。 卷起袖子提高你的用户体验技能!了解智能界面设计模式 的 10 小时视频库。数百个真实示例和现场用户体验培训。免费预览。 跳转至目录 ↬ 功能面板 我认为这些都是网络标记语言发展过程中值得称赞的改进。然而其中一些改进有点令人困惑而且确实看起来有点革命性而不是进化后者是HTML5 所基于的设计原则之一。让我们看几个例子一旦我们克服了一些困惑我们就能看到一些新元素到底有多么灵活和有价值。 一个 不只是一篇文章 新增的语义元素包括新的<section>和标签它们将取代我们在 XHTML 中所习惯的<article>某些语义上无意义的标签实例。<div>当我们试图破译这些标签应该如何使用时问题就出现了。 刚接触该语言。 的人可能会认为一个<article>元素代表一篇文章例如博客文章。但情况并非总是如此。 让我们以一篇博客文章为例它与规范中使用的示例相同。当然我们会认为用 HTML5 标记的博客文章看起来像这样: 复制 为简洁起见我省略了此类示例中可能出现的一些其他 HTML5 购买电话号码列表 标记。在这个例子中<article>标签包裹了整篇文章然后它下面的“section”包裹了所有评论每个评论都在自己的“section”元素中。 像这样构建博客文章不会是无效或错误的。<article>但根据规范中描述的方式该<article>元素应该包裹整篇文章和评论。此外每个评论本身都可以包含在<article>嵌套在主<article>标签内的标签中。 下面是规范的屏幕截图其中<article>标明了标签: 文章嵌套在文章中 文章标签可以嵌套在文章标签内——这个概念乍一看似乎。 令人困惑。 因此一个<article>元素可以<article>嵌套其他元素从而使我们自然地看待“文章”这个词的方式变得复杂。《HTML5 简介》的合著者 Bruce Lawson在这次采访中试图澄清这一困惑: “想想` ` 不是像“报纸文章”这样的印刷品而是像“服装”这样的独立实体它本身是完整的但也可以与其他文章混合以形成更广泛的整体。” — 布鲁斯·劳森 因此请记住您可以嵌套<article>元素并且<article>元素可以包含的不仅仅是文章内容。Bruce 上面的解释非常好是帮助我们理解如何使用这些新元素所需的 HTML5 教育。 章节还是文章? 120+ 原生 React UI 组件与 Next.js 完全兼容 尝试 KENDOREACT 创建 HTML5 布局时最令人困惑的事情之一可能是是否使用<article>or <section>。当我写这句话时我可以诚实地说在没有实。
|
|