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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_35770417/article/details/77774446
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;拼写检查;

猜你喜欢

转载自blog.csdn.net/qq_35770417/article/details/77774446