HTML5 tag you don’t know

a collection of html5 tag very little be used in practices

semantic element

SEO & Accessibility

HTML var tag

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/var

<table width="100%">
  <tbody>
      <tr>
        <td id="eqnoc2"><var>E</var> = <var>m</var><var>c</var><sup>2</sup></td>
      </tr>
  </tbody>
</table>

sup tag

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sup

<p><var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> = <var>c<sup>2</sup></var></p>

a² + b² = c²

sub tag

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sub

H<sub>2</sub>O

H₂O

kbd

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/kbd

cite

ins

del

blockquote

optgroup / datalist

code

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code

samp

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/samp

wbr

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr

ruby

HTML <ruby> 元素表示一个红宝石注释; Ruby注释用于显示东亚字符的发音。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ruby

<ruby>
  汉 <rp>(</rp><rt>han</rt><rp>)</rp>
  字 <rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>

汉 (han)
字 (zi)

dfn

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn

<p>A <dfn id="def-validator">validator</dfn> is a program that checks for syntax errors in code or documents.</p>

A validator is a program that checks for syntax errors in code or documents.

abbr

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/abbr

<p>You can use <abbr title="Cascading Style Sheets">CSS</abbr> to style your <abbr title="HyperText Markup Language">HTML</abbr>.</p>

You can use https://developer.mozilla.org/en-US/docs/Web/HTML/Element/acronym

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！