h5的语义化部分_H5 部分新语义化标签

1、header　　页眉

2、footer　　　页脚

3、main　　　主体

4、hgroup 　　标题组合

5、nav　　　　导航

注：以上标签结构中只能出现一次

6、article　　　　独立的内容

7、aside　　　　辅助信息的内容

8、section　　　　区域

9、figure　　　　描述图像或视频

10、figcaption　　　描述图像或视频的标题部分

11、datalist　　　　选项列表

演示：

12、details / summary　　　　文档细节 / 文档标题

两者搭配使用，可以在左侧生成箭头，能够显示或隐藏(默认隐藏)

details 标签里面添加 open 改为默认显示

演示：

13、progress / meter　　　　定义进度条 / 定义度量范围

progress 生成一个进度条

meter 生成一个进度条，可以给最大最小值，超出或低于最大最小值进度条颜色会发生变化

两者的区别：样式不同，progress 表示进度，metes 表示度量

演示：

14、time　　　　定义日期或时间

给一些日期或时间用 time 包起来，样式无变化，更加具备语义化

15、mark　　　　带有记号的文本

标记一下，给用户一个提醒

演示：

h5的语义化部分_H5 部分新语义化标签相关推荐

h5新语义化标签(重要)
1.HTML5新语义化标签 html4.01:div span h1 img- css2.1:width height background- css3:transform border-radius ...
用友3.0谋局“新两化” 融合创新迸发新动能
2016中国企业互联网大会的落幕,昭示着用友正式进入3.0时期,企业互联网服务走了两年正式落地,这个企业软件领域的大BOSS新的征程正在开始. 三驾马车服务"新两化" 王文京认为, ...
企业发展步入“新两化” 用友优普助力中型企业商业创新
[摘要]9月10日,由用友优普信息技术有限公司主办的"中国企业互联网商业创新大会"在广东珠海成功举办,首届用友优普用户大会同步召开.本次大会以"融合.创新.生态" ...
CCF C³@阿里巴巴淘系：内容化驱动的互联网新周期
CCF C³活动是CCF CTO Club发起的,面向企业技术专家的热门技术和战略分享会,C³活动旨在联结企业CTO及高级技术人才和资深学者,每次以一个技术话题为核心,走进一家技术领先企业.线下为主, ...
华为云学院新春大礼包：场景化微认证上新了！ 1
自从华为云微认证上线以来,微认证便受到了广大开发者欢迎.华为云微认证是华为云场景化的技能认证,紧贴前沿科技,覆盖云计算.大数据.物联网.人工智能等热门领域,面向ICT技术爱好者.高校学生,提供场景化的 ...
h5活动是什么意思_H5是什么？5分钟就能全面了解什么是html5页面
H5突然火了. 通过微信和朋友圈的快速发展,H5靠着无需下载.即点即用的属性迅速上位,一跃变成炙手可热的小鲜肉.相比电视.杂志.户外广告等传统媒体呈逐年下降的趋势,品牌营销在数字和移动方面的投入在逐年 ...
容器化 - 边缘计算的新方向
容器化 - 边缘计算的新方向随着物联网终端设备数量的快速增加,同时由于网络带宽有限,高昂的传输成本和较高的响应延时等问题,传统的基于云计算模型的集中式数据处理方式已不能有效处理网络边缘设备所产生的海 ...
服务器定制化—服务器行业发展的新驱动力
虽说在人工智能.边缘计算.云计算等为代表的新数据时代的大背景下,企业的数字化进程离不开服务器算力的支撑,但由于服务器市场已经相对成熟,格局基本形成. 因此在X86服务器行业中,鲜有大事发生,各服务器品 ...
第八届育才杯机器人比赛_疫情防控常态化，传统赛事新转型 “育才杯”第九届青岛国际象棋学校锦标赛（网络）顺利举办...
原标题:疫情防控常态化,传统赛事新转型 "育才杯"第九届青岛国际象棋学校锦标赛(网络)顺利举办 "育才杯"青岛市国际象棋学校锦标赛是一项传统赛事,去年举办了第八 ...

h5的语义化部分_H5 部分新语义化标签

h5的语义化部分_H5 部分新语义化标签相关推荐

最新文章

热门文章