首页 > 其他 > 详细

H5语义化新标签

时间:2020-03-04 10:01:38      阅读:77      评论:0      收藏:0      [点我收藏+]

1.head    一般表示内容的头部,网页的头部,头部区域

2.footer      一般表示网页的底部,内容的底部,底部区域

3.section    代表某一个区域,分区,页面或者文档的一部分区域,有独立的内容,但结构相近,就可以用section,范围比div大,语义比div更强,可以包含header、h1-h6……凸显语义的标签

4.aside    表示侧边栏

5.nav      导航区域,导航栏

6.figure    表示一块独立的内容 

        <figure>图像区域:可以包含多个图片或者一个figcaption,figcation用来表示图片标题
        <figcaption></figcaption>图像的标题:一般写在figure内
        <div></div>图像的内容
        </figure>
7.main       主体内容
8.mark       有特殊效果,突出显示部分文本,背景默认黄色
9.time     没有特殊效果。是给浏览器看的,仅供浏览器抓取信息抓的更准确。
10.dialog       <dialog open></dialog>对话框,不写open不显示,类似于微信的对话框
11.address           address,地址,字体样式默认倾斜
                            <address> 标签定义文档或文章的作者/拥有者的联系信息。
                            如果 <address> 元素位于 <body> 元素内,则它表示文档联系信息。
                            如果 <address> 元素位于 <article> 元素内,则它表示文章的联系信息。
12.hgroup   专门用来包含标题h标签的分组
 

H5语义化新标签

原文:https://www.cnblogs.com/qq842625975com/p/12405321.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!