html5新增语义化标签

可在W3C颁布的HTML 5.1 第二版 标准中查看所有H5的标签,如果没有语言障碍,可以直接通过此标准学习H5。

1.新增的布局标签--布局块-相当于 <div></div>
(1)头部信息
<header></header>

(2)导航区域
<nav></nav>

(3)内容
<section></section>

<main>

        标题组
        <hgroup></hgroup>

        侧边栏
        <aside></aside>

        文章区域:
        <article></article>

        媒体组
        <figure>

                媒体组标题
                <figcaption>媒体组标题<figcaption>

        </figure>

</main>

(4)底部信息
<footer></footer>

2.新增内敛标签--相当于<span></span>
(1)时间
<time>存放新闻的时间<time>

(2)默认选中
<mark>默认,其中内容自带黄色的底色 background:none去掉默认颜色</mark>

总结:

标签含义   
<article>   定义文章。
<aside>  定义页面内容以外的内容。 
<details>  定义用户能够查看或隐藏的额外细节。
<figcaption> 定义 <figure> 元素的标题。
<figure>  规定自包含内容,比如图示、图表、照片、代码清单等。
<footer> 定义文档或节的页脚。
<header>规定文档或节的页眉。
<main>  规定文档的主内容。
<mark>定义重要的或强调的文本。
<nav> 定义导航链接。 
<section>  定义文档中的节。
<summary>定义 <details> 元素的可见标题。
<time>定义日期/时间。 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值