HTML标签语义化

最新推荐文章于 2024-05-25 10:19:26 发布

友人C君~

最新推荐文章于 2024-05-25 10:19:26 发布

阅读量152

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/CWH0908/article/details/89381446

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
	<head>
		<title>HTMl标签语义化</title>
		<meta charset="utf-8" />
		<style type="text/css">

		</style>
	</head>
	<body>
		
		<header>
			<h4>页眉通常包括网站标志、主导航、全站链接以及搜索框。</h4>
		</header>
		
		<main>
			<h3>
				main元素中的内容对于文档来说应当是唯一的,用来放置主要内容。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、版权信息、站点标志或搜索表单。<br />
				<mark>注意：在一个文档中，不能出现一个以上的 main>元素。main元素不能是以下元素的后代：article、aside、footer、header 或 nav。</mark>
			</h3>
			
			<section>
				
				<h4>
					section标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。<br />
					article、nav、aside可以理解为特殊的section，所以如果可以用article、nav、aside就不要用section，没实际意义的就用div
				</h4>
				<nav>
					<h4>nav元素代表页面的导航链接区域。用于定义页面的主要导航部分。</h4>
				  <a href="http://www.baidu.com">百度</a>
				  <a href="http://www.360.com">360</a>
				<nav>	
					
			</section>
			
			<article>
				
			  <article>
			    <h4>Google Chrome</h4>
			    <p>Google Chrome 是由 Google 开发的一款免费的开源 web 浏览器，于 2008 年发布。</p>
			  </article>
	
			  <article>
			    <h4>定义外部的内容，其中的内容独立于文档的其余部分</h4>
			    <p>Internet Explorer 由微软开发的一款免费的 web 浏览器，发布于 1995 年。</p>
			  </article>
	
				<aside>
					<h4>aside标签定义其所处内容之外的内容。aside 的内容应该与附近的内容相关。<mark>里面的内容可用作文章的侧栏。</mark></h4>
				</aside>				
				
			</article>
				
		</main>
		
		<footer>
			<h5>footer页脚，它不只是页面的最底部，在文档中也可以定义多个。</h5>
			<small>呈现小号字体效果，指定细则，输入免责声明、注解、署名、版权。</small>
		</footer>
		
	</body>
</html>