《HTML5开发手册》——1.6 中级“菜谱”:使用新article元素

简介:

本节书摘来自异步社区《HTML5开发手册》一书中的第1章,第1.6节,作者: 【美】Chuck Hudson , 【英】Tom Leadbetter 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.6 中级“菜谱”:使用新article元素

HTML5开发手册
article元素和section元素(下一节讨论)是否是HTML5结构元素中最重要的两个,还有待讨论。不过它们肯定是最让人困惑的。

article元素是一个独立的内容块,它既可以独立存在,也可以被重用。RSS订阅中的内容就非常有代表性,因为每项基本都是独立的文章。你完全可以把某项从中抽取出来,而它仍然是具有意义的。

HTML5规范给出了一些如何使用article元素的示例:论坛的帖子、杂志或新闻的文章、一篇博文或用户提交的评论。

代码1.8用article元素编写了一篇新闻稿,其显示效果如图1.7所示。

代码1.8 使用article元素的一篇新闻稿


<a href=https://yqfile.alicdn.com/fabf1fdbce3fdfb5a2d231ed2d6c76e12c294f6c.png" >


e3d9beb7286190de2395fdb5b54e009c09369351

这篇博文或新闻可以使用article的原因在于它是独立存在的。它能否存在于某个集体中(如RSS订阅)?可以!它拥有自身独立的意义么?拥有!那么它可以使用article元素。

后面的章节会讲到,可以在article中嵌套section,也可以在section中嵌套article。

HTML5规范讲到,article代表“内容独立的某个部分”,甚至博客评论也可以用它来表示。

相关文章
|
7天前
|
前端开发
html中行内元素、块级元素、行内快元素都有哪些,以及区别
html中行内元素、块级元素、行内快元素都有哪些,以及区别
18 1
|
11天前
|
JavaScript 前端开发 UED
【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的?
【5月更文挑战第2天】【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的?
|
13天前
|
移动开发 JavaScript 前端开发
【专栏:HTML进阶篇】HTML模板与Web组件:可复用的网页元素
【4月更文挑战第30天】HTML模板和Web组件提升网页开发效率和可维护性。HTML模板,如&lt;template&gt;元素和服务器端模板引擎,用于创建可复用的HTML结构。Web组件是自定义的HTML元素,结合影子DOM和模板,实现封装的可重用组件。两者助力构建高效、现代的网页和网站。
|
13天前
|
移动开发 前端开发 JavaScript
【专栏:HTML基础篇】深入HTML元素:理解结构与内容
【4月更文挑战第30天】本文探讨了HTML在构建网页中的核心作用,HTML元素构成网页结构与内容,包括`&lt;!DOCTYPE html&gt;`、`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`等基本元素及`&lt;div&gt;`、`&lt;span&gt;`、`&lt;a&gt;`、`&lt;img&gt;`等丰富标签。理解并恰当使用这些元素能创建清晰结构、优化SEO、增强交互性,并实现语义化,为打造功能强大且美观的网站奠定基础。进一步学习CSS和JavaScript将提升网页视觉效果和互动性。
|
14天前
|
JavaScript 前端开发
JavaScript DOM 文档对象模型(获取、改变html元素)
JavaScript DOM 文档对象模型(获取、改变html元素)
|
25天前
|
搜索推荐
《HTML 简易速速上手小册》第2章:HTML 的标签和元素(2024 最新版)
《HTML 简易速速上手小册》第2章:HTML 的标签和元素(2024 最新版)
25 0
《HTML 简易速速上手小册》第2章:HTML 的标签和元素(2024 最新版)
|
25天前
|
JavaScript 前端开发
在JavaScript中怎样获取或修改HTML元素。
在JavaScript中怎样获取或修改HTML元素。
|
25天前
|
前端开发 JavaScript
JavaScript 获取 HTML 元素
JavaScript 获取 HTML 元素
|
26天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
29 10
|
26天前
|
JavaScript 前端开发 数据安全/隐私保护
HTML中表单元素和表格元素分别是什么,有什么区别,列举几个代码
HTML中表单元素和表格元素分别是什么,有什么区别,列举几个代码
11 0