被遗忘权

因此，您是一名前端专家，全天忙于编写复杂CSS布局和动态DOM向导。 您已经掌握了跨浏览器的布局，对DOM脚本技巧有信心，并且已尽一切努力使页面尽可能地可用和可访问。 哎呀，也许您甚至已经使用microformats在站点中添加了额外的语义含义。

但是，您还有更多可以做的吗？ 一切赖以生存HTML基础到底有多优美？

在宣布准备好投放可口的Web标准琐事之前，请仔细阅读以下五个可能已使您无所适从的要素。 所有主流浏览器都支持它们，并且实现起来很容易，几乎不需要时间。

dfn

dfn元素用于向读者介绍一个术语。 这是一个例子：

<p>An <dfn>array</dfn> is a single programming variable with
multiple "compartments". Each compartment can hold a value.</p>

浏览器的默认设置是用斜体显示dfn元素，但是通过CSS的强大功能，您当然可以使它们看起来像您喜欢的任何旧样式。 例如，如果我希望它们以粗体显示，则可以这样做：

dfn {font-weight: bold;font-style: normal;
}

引用

cite元素用于标记引用，例如杂志，书籍或网站。 使用方法如下：

<p>The SitePoint book <cite>Build Your Own Web Site The Right
Way</cite>, by Ian Lloyd, is a great primer for learning
<acronym title="HyperText Markup Language">HTML</acronym> and
<acronym title="Cascading Style Sheets">CSS</acronym>.</p>

cite元素的最常见原因是因为链接到所讨论的文档更自然-是网页，还是您所引用的书籍的销售页面。 没关系！ 您可以这样做，就像这样：

<p>The SitePoint book <a
href="http://www.sitepoint.com/books/html1/"><cite>Build Your
Own Web Site The Right Way</cite></a>, by Ian Lloyd, is a great
primer for learning <acronym title="HyperText Markup Language">HTML</acronym> and
<acronym title="Cascading Style Sheets">CSS</acronym>.</p>

变种

在谈论编程代码时，可以使用var元素标记变量。 默认情况下，它在大多数浏览器中以等宽字体呈现。 这是一个例子：

<p>For each iteration in the following Ruby code, the
<var>car</var> variable is set to the current element of
the array.</p>

样品

samp元素用于标记样本输出，例如运行脚本时输出到屏幕的样本。 使用方法如下：

<p>When I ran the program from the command line, it just
printed <samp>File Not Found</samp> to the screen.</p>

千比特

kbd元素应用于指示用户所需的键盘输入。 很简单：

<p>If you need help at any time, hit <kbd>F1</kbd> to display
the online help menu.</p>

这就是全部。 容易吧？

尽管您可能认为进行这种详细级别的奖励并不能通过所需的工作来证明，但是请记住，有很多原因使在页面上添加语义有意义。

• 您的页面将自动（可能）变得更易于访问，因为在解释页面内容时，辅助技术将包含有关您页面的更多元数据。
• 您可能会发现SEO排名有所改善，因为搜索引擎机器人将能够更好地理解您网页上的内容。
• 如果适当的微格式出现了，您将比大多数人处于更好的位置（或者语义网 ，如果这样的事情最终会发生）。

在标记中包括这些被遗忘的元素非常容易，并且为页面增加了语义丰富性的额外维度。

翻译自: https://www.sitepoint.com/html-the-top-five-forgotten-elements/

被遗忘权