HTML新增标签

最新推荐文章于 2023-07-18 21:59:07 发布

clqxmt

最新推荐文章于 2023-07-18 21:59:07 发布

阅读量203

点赞数

分类专栏： CSS 文章标签： HTML新增标签

本文链接：https://blog.csdn.net/weixin_43755513/article/details/97974404

版权

CSS 专栏收录该内容

68 篇文章 0 订阅

订阅专栏

1.HTML新增标签带来的是网页布局的改变提升，对搜索引擎的友好。

2.新增结构型标签：（有意义的div）

标记定义一个页面或一个区域的头部。标记定义导航链接

标记定义一个区域

定义一篇文章标记定义页面内容部分的侧边栏标记定义文件中一个区块的相关信息。

标记定义一组媒体内容以及它们的标题。

标签定义figure元素的标题标记定义一个页面或一个区域的底部。标记定义一个对话框（会话框）类似微信（火狐支持）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{margin:0;padding:0;}
			header{height:100px; background:#f00;}
			nav{height:100px;background:#0f0;}
			section{height:900px; width:1000px; background:#ff0; margin:0 auto;}
			article{height:200px; width:200px; background:#00CCFF; float:left;}
			aside{width:200px; height:200px; background:#00FF00; float:left;}
			hgroup{width:200px; height:200px; background:#00FFFF; float:left;}
			figure{width:200px; height:200px; background:#008000; clear:both;}
			figcaption{width:200px;height:200px; background:#0000FF;}
			footer{height:100px; background:#00f;}
		</style>
	</head>
	<body>
		<header></header>
		<nav></nav>
		<section>
			<article></article>
			<aside></aside>
			<hgroup></hgroup>
			<figure></figure>
			<figcaption></figcaption>
		</section>
		<footer></footer>
	</body>
</html>