html5 article标签的用法示例

最新推荐文章于 2024-01-10 00:03:01 发布
最新推荐文章于 2024-01-10 00:03:01 发布
阅读量2.5k 收藏 4
点赞数 1
分类专栏： html相关
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37119902/article/details/79604663
版权
 <!DOCTYPE html>
 <html>
 <head>
 <meta http-equiv="content-type" content="text/html";charset=utf=8">
 <titl>新闻</title>
 </head>
 <body>
 <article>
 <header>
 <h1>谷歌董事长斯密特：每天把手机电脑关机1小时</h1>
 <time pubdate="pubdate">2012年05月21日 09:04</time>
 </header>
 <p>新浪科技讯 北京时间5月21日早间消息，谷歌执行董事长埃里克斯密特周日在波士顿大学发表演讲时表示，大学生应当将目光从智能手机和电脑屏幕上移开。</p>
 <footer>
 <p>http://www.sina.com.cn</p>
 </footer>
 <section>
 <h2>评论</h2>
 <article>
 <header>
 <h3>张三</h3>
 <p>
 <time pubdate datetime="2012-6-1 19:10-08:00">1小时前</time>
 </p>
 </header>
 <p>ok</p>
 </article>
 <article>
 <h3>李四</h3>
 <p>
 <time pubdate datetime="2012-6-6 19:10-08:00">一小时前</time>
 </p>
 </header>
 <p>well</p>
 </article>
 </section>
 </article>
 <article>
 <h1>使用插件</h1>
 <object>
 <param name="allowFullScreen" valie="true">
 <embed src="#" width="600" height="395"></embed>
 </object>
 </article>
 </body>
 </html>
qq_37119902
关注
专栏目录
「HTML和CSS入门指南」article 标签详解
a451319296的博客
06-09 4281
article 标签是一个重要的标签，用于表示独立的、完整的文章或内容块。在使用 article 标签时，请注意选择正确的属性和方法、语义化和独立性，并避免兼容性问题。
html5 article标签举例
banyuejun8353的博客
10-08 170
<article> 是html5中引入的新标签可以实现正向反向列表排序功能 使用以前的html4进行列表排序，可以使用下列形式 <h1>Top Three Teams</h1> <ol> <li value="3">Third Place</li> <li valu...
Article标签
aicang1759的博客
03-20 1030
article HTML Spec: “The article element represents a self-contained composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. ...
html5用article标记什么意思,html中article标签的作用是什么？
weixin_39621427的博客
06-15 7330
html中article标签的作用是什么？发布时间：2020-04-15 14:08:45来源：亿速云阅读：508作者：小新html中article标签的作用是什么？很多人都不太了解，今天小编为了让大家更加了解article标签，所以给大家总结了以下内容，一起往下看吧。首先我们先简单的介绍下article：html5 表示页面中的一块与上下文不相关的独立内容，比如网页中的一篇文章或报纸中的一篇文章...
标签：article
weixin_30414155的博客
05-12 146
article 字面意思为“文章”。在web页面中表现为独立的内容，如一篇新闻，一篇评论，一段名言，一段联系方式。这其中包括两方面，一为整个页面的主旨内容，另外就是一些辅助内容。 article可以嵌套，即article里面还可以包含article，此时内article应该跟外article有一定的关联性，如同情景二，其中主内容的评论。 1 <arti...
HTML5标签与HTML4标签的区别示例介绍
09-28
例如，在HTML5简单示例中，使用了`<meta charset="utf-8">`来声明字符编码，而在HTML4中则可能使用`<meta http-equiv="Content-Type" content="text/html; charset=utf-8">`。这样的简化使得HTML5的文档更加简洁。 ...
HTML5在a标签内放置块级元素示例代码
09-28
HTML5规范允许开发者使用a标签包裹块级元素，这在之前的HTML版本中是不被允许的。在HTML5之前，a标签被视为行内元素，而像div、h1和p这样的标签则是块级元素。在那个时候，如果我们尝试将块级元素包裹在一个a标签内...
HTML5+CSS3从入门到精通 源码和示例
09-25
1. 新增语义化标签：如、<article>、、等，提高了内容结构的可读性和可访问性。 2. 多媒体支持：内建对音频（）和视频（）的支持，无需插件即可播放。 3. 画布（Canvas）元素：允许通过JavaScript进行动态图形绘制，...
html5简单示例_动力节点Java学院整理
12-14
HTML5是超文本标记语言...这个示例展示了HTML5的基本结构和一些新元素的用法，包括`<header>`、`<nav>`、`<section>`、`<article>`和`<footer>`。通过这样的结构，开发者可以创建出更加结构化、易于理解和维护的网页。
HTML5中的Article和Section元素认识及使用
12-13
总结一下，`<section>`和`<article>`元素是HTML5中提升内容语义化的关键工具。`<section>`用于创建文档的逻辑结构，而`<article>`则专注于封装独立、完整的内容单元。正确使用这两个元素可以显著提升网页的可访问性...
HTML5 对各个标签的定义与规定：article
11-21
<article> 标签装载显示一个独立的文章内容。 例如一篇完整的论坛帖子，一则网站新闻，一篇博客文章等等，一个用户评论等等 artilce可以嵌套，则内层的artilce对外层的article标签有隶属的关系。 例如，一个博客文章，可以用article显示，然后一些评论可以以article的形式嵌入其中。 示例代码： 代码: 全选 运行 <!DOCTYPE html>
html 中 #include file 的用法示例介绍
12-14
有两个文件a.htm和b.htm，在同一目录下a.htm内容如下 复制代码代码如下: <!– #include file=”b.htm” –> b.htm内容如下 今天：雨 31 ℃～26 ℃ <br>明天：雷阵雨 33 ℃～27 ℃ 直接在浏览器中打开a，没有任何显示，后来知道，include是SSI（Server Side Include），在html中不支持include，之后把a.htm改成a.aspx，并且在将该页面发布在iis上，然后a.aspx就可以看到内容了。在html中想达到这样的效果，可以使用iframe标签，直接在网上找了个例子如下： 复制代码代码如下: <
HTML ＜article＞ 标签
玄链教育
05-10 340
article> 标签规定独立的自包含内容。一篇文章应有其自身的意义，应该有可能独立于站点的其余部分对其进行分发。论坛帖子报纸文章博客条目用户评论。
html5 article aside,HTML5中的<aside>元素与<article>元素 实例详解
weixin_35275671的博客
06-15 192
元素HTML元素表示一个页面的一部分， 它的内容跟这个页面的其它内容的关联性不强，或者是没有关联，单独存在。元素通常显示成侧边栏(sidebar)或一些插入补充内容。通常用来在侧边栏显示一些定义，比如目录、索引、术语表等；也可以用来显示相关的广告宣传，作者的介绍，Web应用，相关链接，当前页内容简介等。元素使用注意事项：不要使用元素标记括号中的文字，因为这种类型的文本被认为是主内容的一部分。使用例...
HTML5新增语义化结构实例,HTML5语义化标记Section和Article实例详解
weixin_42111465的博客
06-04 258
网页制作cnn6文章简介：最常被问起的问题是：在什么情况下我们应该使用这些元素？以及我们应该如何正确的使用这些元素？HTML5带出了一系列新元素，并且将在未来被广泛应用。然而，有一些元素在使用时易被混淆，包括以下两个新元素：和。最常被问起的问题是：在什么情况下我们应该使用这些元素？以及我们应该如何正确的使用这些元素？Section元素这 是一个最容易产生歧义的元素。它与元素有什么区别？我们一直在用...
HTML5 article标签，＜time＞...＜/time＞标签和pubdate属性的运用
最新发布
山山4332的博客
01-10 851
article标签代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或报竟杂志中的文章、一篇论坛帖子、一段用户评论或一个独立的插件，或者其他任何独立的内容。用来对页面中的内容进行分块，在section标签中嵌入评论的内容，评论中有几个人的评论，每个人的评论部分相对来说又是比较独立、完整的，因此对它们都使用一个article标签，在评论的article标签中，又可以分为标题与评论内容部分，分别放在header标签与p标签中。
html的article标签,介绍一个html5做的网站，以及article标签的用法
weixin_31860143的博客
06-16 2139
这是一个介绍html5相关技术的工具网站，网站本身就是有html5|css3写成，虽然对于电脑配置差点的同学来说浏览起来有点卡，但是还是值得学习的，毕竟html5才是今后的主流技术。我完全是因为html5的原因才注意到了这个网站，国内用html5完成的网站太少了，教程一大把，却鲜有实际项目产生。这个网站用html5实现的div效果让人映像深刻：我将代码提取出来，很简单，不过这也是html5的魅力所...
html5 article 炫酷,Html5新标签之article标签详解
weixin_30173361的博客
06-09 1562
今天开始为大家介绍HTML5新标签，介绍完新标签，再去详解html标签在HTML5中的差别。预计给大家介绍新标签：27个。这节，我为大家介绍下：html5新标签之标签如何定义及如何使用article呢？w3c这样解释： 标签定义外部的内容。外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。先让大家看个例子：body{ ...
Web|用HTML5文章语义元素制作文档页面
算法与编程之美
04-03 556
欢迎点击「算法与编程之美」↑关注我们！本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。问题描述HTML5引入了多个新的元素使我们可以更加细致的...
HTML列表标签详解与示例
"本文档主要介绍了HTML5中的列表标签，包括无序列表、有序列表、自定义列表以及列表的嵌套，并提供了相关的HTML代码示例。同时提到了HTML5与其他HTML版本的区别，以及126.com网站头部的meta标签设置。此外，还涉及了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值