有关H5...新增的一些标签和全局属性.....（标签有语义化）兼容到IE9+，包括IE9；

93 阅读 0 评论 62 点赞

我是靠谱客的博主爱笑小白菜，最近开发中收集的这篇文章主要介绍有关H5...新增的一些标签和全局属性.....（标签有语义化）兼容到IE9+，包括IE9；，觉得挺不错的，现在分享给大家，希望可以做个参考。

 
 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；拼写检查； 

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。