figure和mark元素

最新推荐文章于 2021-11-29 19:11:03 发布

会飞的蜗牛haha

最新推荐文章于 2021-11-29 19:11:03 发布

阅读量833

点赞数

分类专栏： HTML 文章标签： figure mark

本文链接：https://blog.csdn.net/ziy10231207/article/details/51886119

版权

HTML 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

新增的figure元素和figcaption元素

figure元素用来表示网页上的一块独立的内容，将其从网页上移除后不会对网页上的其他内容产生其他的任何影响，它可以表示的元素可以是图片，统计图或者代码示例，还可以用来表示音频插件，视频插件和统计表格等

新增的details元素

details元素提供了一种替代javascript的，将画面上的局部区域进行展开或收缩的方法，

新增的mark元素

mark元素表示页面中需要突出显示或者高亮显示的，对于当前用户具有参考作用的一段文字，它通常用于引用原文的时候，目的是引起读者的注意，mark元素是对原文内容具有补充作用的一个元素

作用：1.搜索结果中高亮显示关键词

2.在引用原文的时候，为了某种特殊目的而把原文作者没有特别重点标识的内容标识出来

<!DOCTYPE html>
<head>
	<meta charset="utf-8">
	<title>mark元素应用在网页检索时的示例</title>
	<h1>搜索"<mark>HTML5</mark>,找到相关网页约10，200，000篇，用时0.04秒"</h1>
	<section id="search-result">
	<article>
		<h2>
			<a href="http://developer.51cto.com/art/200907/133407.htm">
				专题：<mark>HTML5</mark>下一代web开发标准详解-51CTO.COM-技术成就梦想....
			</a>
		</h2>
		<p><mark>HTML5</mark>是近十年来web开发标准最巨大的飞跃</p>
	</article>
		
	</section>
</head>

点击打开链接

mark和em和strong是有去别的，不能混合使用的，mark元素的标识的目的与原文的作者无关，或者说他不是原文作者来标识文字的，而是在后来引用的时候添加上去的

，他的目的是吸引当前用户的注意力，提供给用户作参考，希望能够对用户有昂住； strong是原文作者用来强调一段文字的重要性的，譬如警告信息，错误信息等，em是作者为了突出文章重点来使用的。