A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from http://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Global_attributes/title below:

title - HTMLï¼ˆè¶…æ–‡æœ¬æ ‡è®°è¯è¨€ï¼‰ | MDN

title

Baseline Widely available

全局属性 title 包含代表与它所属的元素有关的咨询信息的文本。

尝试一下 
<p>
  Use the <code>title</code> attribute on an <code>iframe</code> to clearly
  identify the content of the <code>iframe</code> to screen readers.
</p>

<iframe
  title="Wikipedia page for the HTML language"
  src="https://en.m.wikipedia.org/wiki/HTML"></iframe>
<iframe
  title="Wikipedia page for the CSS language"
  src="https://en.m.wikipedia.org/wiki/CSS"></iframe>

iframe {
  height: 200px;
  margin-bottom: 24px;
  width: 100%;
}

title 属性的主要用途是为辅助技术标注 <iframe> 元素。

title 属性也可以用来标注数据表格中的控件。

当 title 属性被添加到 <link rel="styleheet"> 时，将创建一个替代的样式表。当用 <link rel="alternate"> 定义一个备用样式表时，该属性是必需的，并且必须设置为一个非空字符串。

如果包含在 <abbr> 起始标签上，title 必须是缩写或首字母的完整扩展。尽可能不要使用 title，而是在第一次使用时以纯文本提供缩写或缩略语的扩展，使用 <abbr> 来标记缩写。这使所有的用户知道这个缩写或简称是什么名字或术语，同时为用户代理提供一个提示，告诉它们如何宣告这个内容。

虽然 title 可以用来为 <input> 元素提供一个编程关联的标签，但这并不是好的做法。请使用 <label> 代替。

多行标题

title 属性可以包含多行。每个 U+000A LINE FEED（LF）符号代表一个换行。有一些需要注意的东西，因为这意味着下面的渲染要跨越两行：

HTML 
<p>
  需要考虑 <code>title</code> 中的换行，像
  <span
    title="这是
多行标题"
    >这个示例</span
  >。
</p>
结果 Title 属性继承

如果一个元素没有 title 属性，那么它就从它的父节点继承，而父节点又可以从它的父节点继承，以此类推。

如果这个属性被设置为空字符串，这意味着它的祖先的 title 是不相关的，不应该被用于这个元素的工具提示（tooltip）中。

HTML 
<div title="CoolTip">
  <p>鼠标在这里停留会显示“CoolTip”。</p>
  <p title="">鼠标在这里停留不会显示任何东西。</p>
</div>
结果 无障碍考虑

在以下情况下使用 title 属性会引发问题：

这是由于浏览器的支持不一致，再加上对浏览器渲染的页面进行了额外的辅助技术解析。如果需要工具提示效果，最好是使用可以用上述浏览方法访问的更方便的技术。

规范 浏览器兼容性 参见

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4