第八章 标记文字

244 阅读2分钟

标记文字

这一章的内容感觉有许多不重要的东西,一些文字的样式可以使用css来解决。所以我只会详细记录重要的内容,一些我暂时感觉比较鸡肋的类容就简单的记录一下。

a--超链接

超链接<a>...</a>中的属性有:

  • href指定a元素所指资源的URL
  • hreflang说明连接资源使用的语言
  • media说明连接资源用于哪种设备
  • rel说明文档与连接内容的关系类型
  • target说明连接打开的方式
  • type说明所链接资源的MIME类型(如text/html)

一般主要是用的是href用于链接跳转的URL和target用于设置打开的方式。

  • href除了能链接URL外还能通过#id名称的方式连接文档中id相同的元素。
<a href="#apple">跳转到苹果</a>
<p id="apple">苹果</P>

target的属性有

  • _blank在新页面中打开
  • _self在当前页面打开

还有_parent_top,但实际的打开方式好像和_self一样

一些字体样式设置

  • b加粗
  • em斜体,表示强调
  • i斜体,表示科学术语,与上者在显示上没有区别
  • s划掉,表示不准确
  • strong加粗,表示重要,与b在显示上没有区别
  • u下划线
  • small小号字体
  • sup、sub上下标
  • br、wbr强制换行和安全换行

表示输入和输出

  • code代码字体
  • var斜体,表示变量
  • samp代码字体,表示计算机系统的输出
  • kbd代码字体,表示用户的输入

表示引用、引文、定义、缩写

  • abbr表示缩写,显示上没有实际的效果,一般需要加入title属性添加缩写的完整内容。
  • dfn表示定义属于,显示上没有实际的效果。
  • q有两个引号,表示引用。并且有cite属性,可以用于链接引用的URL
  • cite斜体,表示引用其他作品的标题,

语言元素

  • ruby用于给文字标注拼音。拥有rp、rt属性
  • bdo文字显示的方向。拥有dir属性,值为ltr从左到右,rtl从右到左
  • bdi用于矫正文字顺序错误,例子是阿拉伯文导致文档数字和文字顺序相反,很少能遇到吧。

其他文本

  • span无意义,用于添加通用的属性如css
  • mark底色突出
  • ins下划线,表示添加的文字。和u在显示上一样
  • del划掉,表示删除。和s在显示上一样
  • time表示时间,在显示上没有任何效果