article元素

掌握HTML5中新增主体元素和非主体元素的定义,使用方法,使用场合,新增的主体结构元素有article元素,section元素,nav元素,aside元素;新增的非主体元素有header元素,hgroup元素,footer元素,address元素;掌握显式编排,隐式编排,HTML5分析器是按照什么原则来分析页面结构的,以及怎样对这些新增的元素使用css样式

article元素

article元素代表文档,页面或者应用程序中独立的,完整的,可以独自被外部引用的内容

article元素示例

article元素可以嵌套使用

内层的内容在原则上需要与外层的内容相关联,例如一片博客文章中,针对该文章的评论就可以使用嵌套article元素的方式,用来呈现评论的article元素被包含在表示整体内容的article元素里面

<!DOCTYPE html>
<meta charset="utf-8">
<article>
	<header>
		<h1>苹果</h1>
		<p>
			发表日期:<time pubdate datetime="2010/10/09">2010/10/09</time>
		</p>
	</header>
	<p>
		<b>苹果</b> 植物类水果,多次花果.......
	</p>
	<section>
		<h2>评论</h2>
		<article>
			<header>
				<h3>发表者:哈哈哈</h3>
				<p>
					<time pubdate datetime="2010-10-10T19:10--8:00">
					1小时前
					</time>
				</p>
			</header>
			<p>我喜欢苹果,我最喜爱的品种是红富士</p>
		</article>
		<article>
			<header>
				<h3>发表者:张玉</h3>
				<p>
					<time pubdate datetime="2010-10-101T19:15-08:00">1小时前</time>
				</p>
			</header>
			<p>苹果?我不喜欢,我喜欢吃橘子</p>
		</article>
	</section
</article>


用article元素表示插件:他的作用是使插件看起来好像内嵌到页面中的一样

<!DOCTYPE html>
<meta charset="utf-8">
<article>
	<h1>huhuhuhu</h1>
	<object>
		<param name="allowFullScreen" value="true">
		<embed src="#" width="600" height="395s"></embed>
	</object>
	<!-- 定义和用法
定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。

<object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。

浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。

而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 <object> 和 </object> 之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。
-->
</article>


  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值