极客学院web前端学习笔记(十一)新增的主体结构元素

article元素

article元素代表文档,页面或应用程序中独立的,完整的,可以独自被外部引用的内容。

可以嵌套使用

可以用来表示插件

<article>
    <header>
        <h1>html5学习</h1>
        <p>感谢极客学院</p>
    </header>
    <p>加油加油</p>
    <footer>这是底部</footer>
</article>

section元素

对于网站或应用程序中页面上的内容进行分块

通常由内容及其标题组成

但是并不是一个普通的容器元素

当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div而非section元素

【article元素可以看做一个特殊的section元素,但是article元素更加强调独立性,而section元素更加强调分段或分块】

【而设置页面样式容器是div的工作!!!!!】

【section元素应该存在标题】

【如果能用nav,article等其他元素(拥有它们的特性),尽量不要使用section元素】

nav元素

nav元素是一个可以用作页面导航的链接组,其中的导航元素连接到其他页面或当前页面的其他部分。

但是并不是所有的链接组都要被放进nav元素,只需要将最主要的,基本的链接组放进nav元素即可

常用应用:传统导航条,侧边栏导航,页面导航,翻页操作

aside元素

表示当前页面或文章的附属信息部分,他可以包含与当前页面或主要内容相关的引用,侧边栏,广告,导航条,以及其他类似的有区别与主要内容的部分

time元素与微格式

<body>
<time datetime="2018-8-16">2018-8-16</time>
<time datetime="2018-8-16T20:00">2018-8-16</time>
<time datetime="2018-8-16T20:00Z">2018-8-16</time>
<time datetime="2018-8-16T20:00+09:00">2018-8-16</time>

</body>

T表示分隔

z表示标准时间

加09:00表示时差

datetime是给机器读的

pubdate

布尔类型,可用于time元素表示发布日期

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值