常见的语义化标签

最新推荐文章于 2024-06-17 17:48:38 发布

PX-C

最新推荐文章于 2024-06-17 17:48:38 发布

阅读量1k

点赞数

分类专栏： java开发-----web

本文链接：https://blog.csdn.net/Wchenchen0/article/details/82822670

版权

java开发-----web 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

基本网页布局：

标签	名称	说明
header	头部	表示一个网页的头部
nav	导航	网页的导航区
article	内容区域	页面的内容区
section	内容分组	对于内容区中内容的分组
aside	相关内容	与内容相关的信息资源等
fooler	底部	网页底部

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>语义化标签</title>
	</head>
	<body>
		<!--
        	网页头部
        -->
        <header>
        	<img src="img/timg.jpg" width="100%" height="150px">
        </header>
        <!--
        	网页导航
        -->
        <nav>
        	<a href="a:;">首页</a>
        	<a href="a:;">课程中心</a>
        	<a href="a:;">线下学习中心</a>
        </nav>
        <!--
        	内容区域
        -->
        <article>
        	<section>
        		<h2>春晓</h2>
        		<p>春眠不觉晓，</p>
        		<p>处处闻啼鸟。</p>
        		<p>夜来风雨声，</p>
        		<p>花落知多少。</p>
        	</section>
        	
        	<section>
        		<h2>登黄鹤楼</h2>
        		<p>11222,</p>
        		<p>fds   。</p>
        	</section>
        	<aside>注：这是两首古诗</aside>
        </article>
        <!--
        	网页结尾
        -->
        <footer>
        	&copy;2017~2021
        </footer>
	</body>
</html>