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> </span>
<ruby>心<rt>de</rt></ruby>
<span> </span>
<ruby>病<rt>piao</rt></ruby>
<span> </span>
<ruby>狂<rt>liang</rt></ruby>
<br>
<bdo dir="rtl">
<ruby>丧<rp>(</rp><rt>gan</rt><rp>)</rp></ruby>
<span> </span>
<ruby>心<rt>de</rt></ruby>
<span> </span>
<ruby>病<rt>piao</rt></ruby>
<span> </span>
<ruby>狂<rt>liang</rt></ruby>
</bdo>
</body>
</html>