q、blockquote、cite、abbr、dfn、address、ruby、bdo等元素

q元素:

用于定义比较短的引用,浏览器通常会在引用的两侧添加引号

blockquote元素:

通常用来引用一大段文本,浏览器会使用缩进的方式来显示该段文本。可以用cite属性来指定引用的来源。与q元素在本质上是一样的。

html元素主要负责整个网页的结构和含义,内容的呈现是由应用于元素的css样式来实现的,也就是语义与呈现分离。

cite元素:

cite元素主要用于定义作品的标题

abbr元素:

用于定义简称、缩写,配合全局属性title,可以指定该缩写代表的完整含义

dfn元素:

用于表现定义中的术语

address元素:

定义文档或文章的作者拥有者的联系信息,可以包括地址、邮箱…

ruby、rt、rp元素:

rt元素用来标记注音符号,rp元素用来标记当浏览器不支持ruby元素时所显示的内容。

bdo元素:

可以修改默认的文本方向,通过dir属性

<!DOCTYPE>
<html>
<head>
	<meta charset="utf-8">
</head>
<body>
	<p>鲁迅说过: <q>我没说过这句话</q> </p>
	<blockquote cite="https://www.baidu.com">
	<p>鲁迅说过: 我没说过这句话 </p>
	<p>鲁迅说过: 我没说过这句话 </p>
	<p>鲁迅说过: 我没说过这句话 </p>
	<p>鲁迅说过: 我没说过这句话 </p>
	<p>鲁迅说过: 我没说过这句话 </p>
	</blockquote>
	<p><cite>进击的巨人</cite>挺好看的</p>
	<p><abbr title="日本的一个动漫">进击的巨人</abbr>很牛逼</p>
	<p><dfn>HTML</dfn>是用来创建网页的标准标记语言</p>
	<address>
		邮箱:sdfsdf		<br>
		地址:sdfsdfsdf
	</address>
	<ruby>丧<rp>(</rp><rt>gan</rt><rp>)</rp></ruby>
	<span>&#160</span>
	<ruby>心<rt>de</rt></ruby>
	<span>&#160</span>
	<ruby>病<rt>piao</rt></ruby>
	<span>&#160</span>
	<ruby>狂<rt>liang</rt></ruby>
	
	<br>
	
	<bdo dir="rtl">
		<ruby>丧<rp>(</rp><rt>gan</rt><rp>)</rp></ruby>
		<span>&#160</span>
		<ruby>心<rt>de</rt></ruby>
		<span>&#160</span>
		<ruby>病<rt>piao</rt></ruby>
		<span>&#160</span>
		<ruby>狂<rt>liang</rt></ruby>
	</bdo>
</body>
</html>
posted @ 2021-01-23 17:32  ice--cream  阅读(372)  评论(0编辑  收藏  举报