html5,article介绍与使用

article

article 字面意思为“文章”。在web页面中表现为独立的内容,如一篇新闻,一篇评论,一段名言,一段联系方式。这其中包括两方面,一为整个页面的主旨内容,另外就是一些辅助内容。

article可以嵌套,即article里面还可以包含article,此时内article应该跟外article有一定的关联性,如同情景二,其中主内容的评论。

1 <article id="demo">
2     <h1>内容标题(选用)</h1>
3     <p>内容</p>
4 </article>

article既然是独立的内容,那么内容的主题是必不可少,标题则为选用内容。

情景一

整个页面的主旨内容

01 <!doctype html>
02 <title>html5站案例</title>
03 <body>
04     <article>
05         <h1></h1>
06         <p>主内容</p>
07     </article>
08     <aside>
09         侧边内容
10     </aside>
11 </body>

情景二

内容的评论

01 <!doctype html>
02 <title>html5站案例</title>
03 <body>
04     <article>
05     主内容省略....
06     <section>
07         <h1>评论</h1>
08         <ul>
09             <li>
10                 <article>评论1</article>
11             </li>
12             <li>
13                 <article>评论2</article>
14             </li>
15         </ul>
16     </section>
17     </article>
18     <aside>
19         侧边内容
20     </aside>
21 </body>

情景三

辅助内容

01 <!doctype html>
02 <title>html5站案例</title>
03 <body>
04     主内容省略...
05     <aside>
06         <article>
07             <p>作者:天津SEO</p>
08             <p>文章编写时间:2013年8月</p>
09         </article>
10     </aside>
11 </body>
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值