html5语义化标签

v2-f1af7c52561fdfa957dff3d1f3244591_hd.jpg

        在工作上虽然大多数都是移动端的webapp,但是用到的html5语义化标签还是不多,大部分还是以div这个容器为主,今天就来整理一下那些html5新增的容器标签。

1、header,主要包括hgroup和h1-h6,可以是网页的头部,也可以是不同段落的头部。
<header>
    <hgroup>
        <h1>标题</h1>
        <h2>副标题</h2>
    </hgroup>
</header>

2、nav,主要代表页面的导航部分。


<nav>
   <ul>
        <li>temp1</li>
        <li>temp2</li>
        <li>temp3</li>
    </ul>
</nav>
3、section,代表文档中的段,会带标题。



<section>
    <h1>section</h1>
    <article>
        <h2>section使用</h2>
        <p>内容</p>
    </article>
</section>
4、article,代表一个文档或者页面,很容易跟section混淆。通常会带有footer



<article>
    <header>
        <h1>标题</h1>
    </header>
    <p>内容</p>
    <footer>
        <p>版权</p>
    </footer>
</article>
5、footer,代表网页或section的页脚。



<footer>
    <p>版权信息</p>
</footer>
最后说一下,不要因为有了html5标签就舍弃div,html5标签还是有他不适用的地方,div是没有语义的所以可以用在任何地方。



版权声明:除非注明,文章均为【卢杰个人博客】原创,欢迎转载!转载请注明本文地址,谢谢!

作者:卢杰个人博客

本人学识渊博,经验丰富,代码风骚,效率恐怖,C/C++、Java、php无不精通;熟练掌握各种框架,会DDOS一秒钟死一个站,会注入,会上传,会Xss,会破解,会嗅探,会开发,会业务,会运维,会渗透,调戏客服MM,无不精通,全面漏洞认识深刻,熟练掌握各种渗透理论,各种操作系统内核,一天只睡4小时,脾气好,不喷人,操作虎,意识强,渗透快,shell多,能过狗,能过盾,听指挥。千里之外取服务器首级,瞬息之间爆管理员,压安全狗如压草芥,电话通知出bug后,千里之外定位问题,瞬息之间修复上线。身体强壮,健步如飞可

返回列表
上一篇:
结束咯

发表评论

快捷回复: