HTML5语义化结构标签

最新推荐文章于 2022-01-09 13:13:38 发布

洋毛

最新推荐文章于 2022-01-09 13:13:38 发布

阅读量610

点赞数 1

文章标签： html5 html css

本文链接：https://blog.csdn.net/weixin_45968014/article/details/104594914

版权

HTML和HTML5又有点区别，在于HTML5更具有结构化，编写代码的识别度更高，同时属性应用也比较的快。具体在于结构化标签的变化。

header元素

具有引导和导航作用的结构元素，包含通常放在页面头部的内容。一个网页可以使用多个header，也可以为每一个内容块添加header元素。

    <header>
 <h1>网页主题</h1>
 </header>

nav元素

nav元素：用于定义导航链接，该元素可以将具**有导航性质的链接归纳在一个区域中，是页面元素的语义更加明确，只要应用于传统导航条，侧边导航条，页内导航条，翻页导航。列如下面这段实例代码：

<nav>
	<ul>
		<li>首页</li>
		<li>公司概况</li>
		<li>产品展示</li>
		<li>连系我们</li>
	</ul>
</nav>

article元素

代表文档、页面或者与上下文不相关的独立部分，通常用于多个section元素的划分，一个页面中的article元素可以出现多次。

<article>
	<header>
		<h2>第一章</h2>
	</header>
	<setion>
		<header>
			<h2>第1节</h2&

关注