有关H5...新增的一些标签和全局属性.....(标签有语义化)兼容到IE9+,包括IE9;

本文介绍了HTML5中新增的具有语义化的标签及其用途,例如header、nav、article等,并概述了新的全局属性如contenteditable、hidden等的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.H5新增标签(有语义化)兼容到IE9+,包括IE9;
(1)<header></header>某个区块的头部,页面的头部
(2)<nav></nav>导航,页面导航,页内导航,翻页操作;
(3)<artical></artical>表示页面中一个独立的区块,一篇文章,一篇论文,论坛 的一条帖子,一条回复,独立的插件;
(4)<aside></aside>页面某一个区块的附属信息,侧边栏;
(5)<footer></footer>表示页面的页脚或者某一个区域的脚注;
(6)<section></section>分区,一个章节,独立的区块(必须要有一个h标签)
(7)<hgroup></hgroup>组合标题,标题组,用来放h2,h3......
(8)<figure> 主体部分的独立内容(图片区域,图片代码)
<img src="1.jpg"/>
<figurecaption>标题</figurecaption> 用来做figure的标题
</figure>
(9)<mark></mark> 标记,高亮显示,默认背景色是黄色;
(10)<time></time> 放时间和日期
(11)<details> 详情
<summary>概要</summary> 概要(占文档流)
</details>
(12)<address></address>文档的作者,拥有者 的相关信息,包括电话邮箱,地址,姓名等等;
(13)<progress value="10" max="100"></progress >
进度条,value代表当前值,max代表最大值;
(14)定义选项列表,配合input用,通过id关联在一起
<input type="text" list="course"/>
<datelist id="course">
<option>HTML</option>
<option>CSS</option>
<option>JS</option>
<option>JQ</option>
</datelist>
2.H5新增的全局属性(大部分标签都可用)
contenteditable:值为true/false;允许元素可编辑(content edit able)
designMode:值为on/off;页面所有元素可编辑,(设计模式)
hidden;隐藏元素(隐藏后不占文档流)
spellcheck:值为true/false;拼写检查;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值