《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代表“内容独立的某个部分”,甚至博客评论也可以用它来表示。

相关文章
|
3月前
|
前端开发 JavaScript
Playwright系列(9):常见操作HTML 元素方式
Playwright系列(9):常见操作HTML 元素方式
|
3月前
|
缓存 前端开发 JavaScript
13个很酷但很少有人知道的HTML元素
13个很酷但很少有人知道的HTML元素
36 0
13个很酷但很少有人知道的HTML元素
|
3月前
|
JavaScript
用什么代码可以在页面添加html元素呢?
用什么代码可以在页面添加html元素呢?
|
7天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
22 10
|
16天前
|
JavaScript
Vue移动 HTML 元素到指定位置 teleport 标签
Vue移动 HTML 元素到指定位置 teleport 标签
|
1月前
HTML列表、表格和媒体元素
HTML列表、表格和媒体元素
11 0
|
1月前
|
安全 数据安全/隐私保护
HTML表单元素
HTML表单元素
8 0
|
1月前
HTML <link> 元素
HTML <link> 元素。
16 5
|
1月前
|
移动开发 HTML5
编程笔记 html5&css&js 024 HTML表单元素
编程笔记 html5&css&js 024 HTML表单元素
|
2月前
|
前端开发 JavaScript 安全
react如何渲染包含html标签元素的字符串
react如何渲染包含html标签元素的字符串
55 0