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>

猜你喜欢

转载自blog.csdn.net/qq_39594951/article/details/81294668
今日推荐