<tt> | HTML打字机字体标签的定义与用法

定义与用法

  • <tt>标签定义等宽字体或固定宽度字体定义文本;
  • <tt> 标签呈现类似打字机的文本效果;
  • HTML5 不支持 <tt> t标签。请用 CSS 代替。

提示:不建议再使用HTML<tt>标签,可以使用以下标签来替代

  • <code>:代表计算机编程代码;
  • <pre>:保留纯文本中的换行和缩进;
  • <kbd>:代表键盘输入;
  • <var>:表示方程式中的变量;
  • <samp>:将文本表示为示例输出。

语法格式

< tt >……</ tt >


示例代码

<p>本段为默认字体[This is paragraph with default font]</p>  
<p><tt>该段为打字机字体[This is teletype paragraph]</tt></p>

效果展示:

本段为默认字体[This is paragraph with default font]

该段为打字机字体[This is teletype paragraph]


HTML 4.01 与 HTML5差异

HTML5 不支持 <tt> 标签。HTML 4.01 支持 <tt> 标签。


浏览器支持

所有主流浏览器都支持 <tt> 标签。


全局属性

在 HTML 4.01 中,<tt> 标签支持如下标准属性:

属性描述
classclassname规定元素的类名
dirrtl
ltr
规定元素中内容的文本方向
idid规定元素的唯一 id
langlanguage_code规定元素中内容的语言代码
stylestyle_definition规定元素的行内样式
titletext规定元素的额外信息
xml:langlanguage_code规定 XHTML 文档元素中内容的语言代码

如需完整的描述,请访问标准属性。


事件属性

在 HTML 4.01 中,<tt> 标签支持如下事件属性:

属性描述
onclickscript当鼠标被单击时执行脚本
ondblclickscript当鼠标被双击时执行脚本
onmousedownscript当鼠标按钮被按下时执行脚本
onmousemovescript当鼠标指针移动时执行脚本
onmouseoutscript当鼠标指针移出某元素时执行脚本
onmouseoverscript当鼠标指针悬停于某元素之上时执行脚本
onmouseupscript当鼠标按钮被松开时执行脚本
onkeydownscript当键盘被按下时执行脚本
onkeypressscript当键盘被按下后又松开时执行脚本
onkeyupscript当键盘被松开时执行脚本

如需完整的描述,请访问事件属性。


相关