html中文本格式化、预格式化、计算机输出标签、address、title、文字方向、著作

282 阅读1分钟

文本格式化标签:
在这里插入图片描述
预格式化标签pre:

网页中文本默认是显示一行,没有格式,通过<pre></pre>标签包裹会显示默认的格式。

	 <pre> <!-- 通过pre标签包裹后,会有默认的格式 -->
      云想衣裳花想容,春风拂槛露华浓。
                            ——李白
    </pre>

计算机输出标签:

计算机输出标签全都支持固定的字母尺寸和间距,浏览器不会去掉多余的空格。

	<!-- 下面这些标签通常用于显示计算机编程代码 -->
    <code>Computer code</code><!-- 定义计算机代码 -->
    <kbd>Keyboard input</kbd><!-- 定义键盘码 -->
    <tt>Teletype text</tt><!-- 定义打字机代码 -->
    <samp>Sample text</samp><!-- 定义计算机代码样本 -->
    <var>Computer varable</var><!-- 定义变量 -->

在这里插入图片描述
地址标签address:

此元素将以斜体显示文本。

	<address>
    	Written by Join
    </address>

缩写和首字母缩写title:

在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本,官方文档解释:仅对于 IE 5 中的 acronym 元素有效,对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效,自测结论:对于其他标签同样适用。

	<abbr title="education">edu</abbr><!-- 缩写 -->
    <acronym title="World Wide Web">WWW</acronym><!-- 首字母缩写 -->
    
    <p title="http:www.baidu.com">baidu</p><!-- title属性在其他标签上同样可以实现完整词提示 -->
    <h3 title="http:www.baidu.com">baidu</h3>

文字方向dir:

文字颠倒顺序:bi-directional override (bdo),需要在bdo标签中才有效,当dir的属性值为ltr时,此时文本从左到右显示。两者都是取英文单词left和right的首字符,可理解为left to right or right to left.

<bdo dir="rtl">this is test.</bdo>

著作标签cite:

浏览器通常会以斜体显示cite的元素,用于作者说明。

	<p>
      <cite>鲁迅</cite>是一名伟大的作家。
    </p>

提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者 删除。
笔者:苦海