HTML5+CSS3教程2

最新推荐文章于 2024-11-17 21:28:21 发布

飞舞的锄头

最新推荐文章于 2024-11-17 21:28:21 发布

阅读量1.2k

点赞数

分类专栏： HTML5 文章标签： html5+ css3 html5 标签

本文链接：https://blog.csdn.net/bailin0007/article/details/12569637

版权

HTML5 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

和html一样html5主要也是学标签、属性和用法。下面的例子展示article和section标签的使用

把代码运行下就知道了

<!DOCTYPE html>
<meta charset="utf-8">
<title>html5的结构标签</title>
html5为了使结构更清晰明确增加了结构标签,下面介绍article和section标签<br>
  
<article>
	<header>
	<h1>article标签简介</h1>
    
	<p>发表日期: <time pubdate datetime="2013/10/9">2013/10/09</time>
	</p>
	</header>
	<p><b>article标签</b>代表文档、页面或者程序中可以独立被外部引用的内容，

比如网页中的文章、帖子或者独立的插件等</p>
	<section>
		<h2>评论</h2>
		<article>
		<header>
		<h3>发表者：没钱吃饭...</h3>
		<p>
		<time pubdate datetime="2100-10-10T18:10-08:00">2小时前		

</time></p>
		</header>
		<p>楼主V5啊 article和section可以互相嵌套</p>
		</article>
		<article>
		<header>
		<h3>发表者：XXOO</h3>
		<p>
		<time pubdate datetime="2100-10-10T18:10-08:00">1小时前		

</time></p>
		</header>
		<p>这除了更清晰点和以前的div没看出什么优势啊</p>
		</article>
	</section>
</article>
<article>
	<header>
	<h1>section标签简介</h1>
	<p>发表日期: <time pubdate datetime="2013/10/9">2013/10/09</time>
	</p>
	</header>
	<p><b>section标签</b>对页面上的内容进行分块，一个section元素通常由内容

和标题组成，但它并不是一个普通的容器元素，当一个元素需要被直接定义样式或者脚本

行为时，建议使用div而不是section</p>
	<section>
		<h2>评论</h2>
		<article>
		<header>
		<h3>发表者：没钱吃饭...</h3>
		<p>
		<time pubdate datetime="2100-10-10T18:10-08:00">2小时前		

</time></p>
		</header>
		<p>楼主V5啊 article和section可以互相嵌套</p>
		</article>
		<article>
		<header>
		<h3>发表者：XXOO</h3>
		<p>
		<time pubdate datetime="2100-10-10T18:10-08:00">1小时前		

</time></p>
		</header>
		<p>为什么要带标题呢?</p>
		</article>
	</section>
</article>
<!--插件,让内容看起来想嵌入页面一样-->	
	<object>
	<param name="allowFullScreen" value="true">
	<embed src="#" width="600" height="300"></embed>
	</object>