html5 article aside,HTML5教程 | HTML5 article元素和aside元素

article元素

HTML5 article元素是定义外部的内容语义标记。外部内容可以是来自一个外部的新闻提供者的一篇新的文章, 或者来自blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。

每个HTML5页面都可以包含多个独立的内容,例如多篇博客文章,每篇文章都应该放在一个标签中。另一个例子是一个新闻网站,每一篇新闻都应该放在一个标签中。

下面是一张HTML5 元素的示意图:

7328859dab5f4cf56f25677fc92c0f9d.png

上图的实现代码应该类似下面的样子:

Logo etc.

Page 1

Page 2

Page 3

SubPage 1

SubPage 2

SubPage 3

Main content section 1

Main content section 2

...

article元素只是一个HTML5语义元素,它本身并没有任何的样式,你可以通过CSS来为它添加自己需要的样式。

还有你也不必一定要为页面添加article语义元素。这些语义元素只是方便浏览器和搜索引擎阅读方便而已。

aside元素

aside元素用于定义article以外的内容。aside的内容应该与article的内容相关。

aside元素可用于作为文章的侧边栏。例如下面是移动实例代码:

Logo etc.

Page 1

Page 2

Page 3

SubPage 1

SubPage 2

SubPage 3

Main content section 1

Main content section 2

侧边栏...

...

同样,aside元素只是一个HTML5语义元素,它本身并没有任何的样式,你可以通过CSS来为它添加自己需要的样式。

另外,你也不必一定要为页面添加aside语义元素。这些语义元素只是方便浏览器和搜索引擎阅读方便而已。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值