H5一些基础与兼容问题

<header>用在页面头部或者版块头部</header>
<footer>用在页面底部或者版块底部</footer>
<nav></nav>导航(包含链接的一个列表)

<hgroup>标题组合</hgroup>
<section>用来划分区域</section>
<article>主体</article>
<aside>和主体相关的附属信息</aside>

新增标签低版本兼容:

<progress max='' value='55'>
<span>55</span>%
</progress>
progress在ie6,7,8中不兼容,span标签用来处理不兼容现象。
1.在低版本浏览器中没有新增的标签则采用下列方式创建相应标签:
<script>
document.createElement("header");
</script>
另外,在相应标签样式中添加display:block;这样才能设置宽高。

2.使用插件html5shiv若datalist、details、progress的效果还是出不来就需要自己用js创建了
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,695评论 1 45
  • 专业考题类型管理运行工作负责人一般作业考题内容选项A选项B选项C选项D选项E选项F正确答案 变电单选GYSZ本规程...
    小白兔去钓鱼阅读 9,055评论 0 13
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 从一开始因为韩寒而关注到这个产品,其中有段时间也忘记去使用,到现在每天都会习惯性的点开,最吸引我的还是它的简洁。有...
    Bcr_阅读 2,576评论 0 7
  • 1. 浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层、表示层、行为层分别是:HTML、CSS、Ja...
    程序猿人王小贱阅读 1,894评论 1 11