首页 > 其他 > 详细

H5新特性之语义化标签

时间:2020-03-01 16:50:37      阅读:44      评论:0      收藏:0      [点我收藏+]

HTML5新增了很多语义化的标签,除了header、footer、nav等常用的标签外,其他的一下还真想不起来,今天整理一下这些标签。
section:
  类似于div,section 更偏向划分区域
article:
  更偏向于 内容的展示
aside:
  在一边的,在一旁的,侧边
header:
  表示内容的头部、网页的头部、头部区域
footer:
  表示网页的底部、内容的底部、底部区域
nav:
  导航连接、导航区域

figure:
  表示一块独立的内容
figcaption:
  figure的标题(一般放在figure的第一位或者最后一位)

main:
  主体内容(IE不兼容)
hgroup:
  对标题进行组合
mark:
  高亮显示 默认背景为黄色(可以更改背景 内联元素)
time:
  放时间的
dialog:
  类似于微信的对话框 ( 默认display:none 默认定位 默认边框 )
video:
  视频
audio:
  音频

技术分享图片

技术分享图片

技术分享图片

  还有很多H5语义化的标签就不一一整理出来了。语义化标签在使用上并没有什么特别,但是这些语义化标签给我们省去了命名上的麻烦,使页面能够呈现清晰的结构,更加便利于与人合作,他人通过代码就可以理解标签的意义,便于团队开发和维护,方便其他设备解析。
  越努力越轻松,逆战学习,加油!!!

H5新特性之语义化标签

原文:https://www.cnblogs.com/woniu-1/p/12390423.html

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