您的位置：首页 > Web前端 > CSS

HTML&CSS基础学习笔记1.22-文章布局

2016-08-09 10:06 886 查看
文章

由上个html的文章，我们可以了解到在网页上使用语义化标签的重要，接下来我们会介绍几个经常使用到的语义化标签。
<article>标签：规定独立的自包含内容。就像是一篇文章一样，它本身就是个独立的、完整的个体。

<section>标签：定义文档中的节（section、区段）,它更强调分段或分块。

具体来说，如果一块内容相对来说比较独立的、完整的时候，应该使用<article>标签，但是如果你想将一块内容分成几段的时候，应该使用<section>标签。

依旧来看个实例吧：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="index.css">
<title>语义化标签</title>
</head>
<body>
<h1>文章</h1>
<!-- 文章 -->

<h1>大标题</h1>
<!-- 节 -->
<section>
<h3>标题1</h3>
<p>文章正文</p>
</section>
<!-- 节 -->
<section>
<h3>标题2</h3>
<p>文章正文</p>
</section>

</body>
</html>结果会是？
更多学习内容就在码芽网http://www.mayacoder.com/lesson/index

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html article section
相关文章推荐
新的分享
章节导航