html5新语义化标签及兼容性处理

87 阅读 0 评论 58 点赞

我是靠谱客的博主辛勤音响，最近开发中收集的这篇文章主要介绍html5新语义化标签及兼容性处理，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1.html的新语义化标签:

<header>内容头部信息</header>

<title>网页标题</title>

<nav>标记导航</nav>

<main>页面主要内容，一个页面只能使用一次</main>

<article>页面文章，文档，应用的独立的容器</article>

<section>具有相同内容的几种</section>

<aside>侧边栏</aside>

<footer>页脚</footer>

<strong>加粗,表示内容重要性</strong>

<em>标记内容着重点，倾斜</em>

<adress>作者，联系信息，电子邮件地址等</adress>

如果想要兼容这些html5新语义标签，我们需要在html头部引入以下script

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

或者用js进行标签的创建:

<script>
    document.createElement('header');
    document.createElement('nav');
    document.createElement('article');
    document.createElement('footer');
</script>