本文就前端知识中部分HTML5新增标签基础知识点进行总结,希望对你有用!
HTML5概念
html5是最新的html标准,拥有新的语义、图形以及多媒体元素,简化web应用程序,专为丰富的web内容而设计的,简称“H5”。简单来说就是增加了一些更直观的标签,H5相比html4.0精简了很多。H5有兼容性问题,如果不考虑低版本浏览器,H5是绝对的主流,移动端开发则必须选它。
一、HTML5新增结构标签
结构标签:主要用来对页面结构进行划分,页面结构划分为顶部、导航、内容(页眉、区块)、页脚等。
1. header
头部标签 header一般网页头部信息或标题,和div一样的效果,但更具有语义性。
<header>
// 在里放置网页头部信息或标题
</header>
2. nav
导航标签nav内放置导航条部分内容。常见的导航栏一般是菜单、目录和索引,一般在网页顶部或侧边进行导航栏设计。
<nav>
// 导航栏内容一般为菜单、目录和索引
</nav>
3. section
section标签内放置的是独立内容区块,一般为内容区。
<section>
// section区一般包含主体内容
</section>
4. article
article标签定义独立的内容,标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。
<article>
<h1>独立内容</h1>
<p>与上下文不相关</p>
</article>
5. aside
aside标签定义侧边栏内容,且定义的内容应该与附近的内容相关。
<aside>
// 侧边栏内容
</aside>
6. footer
footer标签定义文档或者文档的一部分区域的页脚,通