欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html small标签是什么意思?small标签的使用方法实例

程序员文章站 2022-03-31 12:28:37
...
html small标签是什么意思?small标签的使用方法实例及一些使用技巧都在本篇文章内,接下来将为大家详细介绍html small标签的定义和用法解释,还有html small标签的使用说明,以及关于small标签的一些使用的心得技巧。

html small标签的定义和用法:

<small> 标签呈现小号字体效果。

<small> 标签和它所对应的 <big> 标签一样,但它是缩小字体而不是放大。如果被包围的字体已经是字体模型所支持的最小字号,那么 <small> 标签将不起任何作用。

与 <big> 标签类似,<small> 标签也可以嵌套,从而连续地把文字缩小。每个 <small> 标签都把文本的字体变小一号,直到达到下限的一号字。

HTML <small> 标签实例

定义小型文本:

<p> runoob.com - the world's largest web development site.</p>
<p><small> Copyright 1999-2050 by Refsnes Data.</small></p>

html small标签应用之使用实例:

<p>PHP中文网<small>关于前端和后台的学习网站</small></p>

语义:定义浏览器显示文本要以比当前字体稍小的字体显示.

实例源代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>字体文本标签讲解<small></small>标签</title>
</head>
<body>
<p>字体文本标签讲解&lt;small&gt;&lt;/small&gt;标签</p>
<p>字体标签定义字体的显示效果,有些标签它有独自的语义。</p>
<p><strong>&lt;small&gt;&lt;/small&gt;标签</strong></p>
<p><small>&lt;small&gt;感谢您对PHP中文网的支持&lt;/small&gt;</small>
</p>
<p>语义:显示文本要以比当前字体稍小的字体显示.</p>
</body>
</html>

关于html small标签的一个解释和使用的一些技巧

关于<small></small>,网上搜索下来的结果也很零碎,有的说不建议使用,也有的在废弃标签里没有提到它的名字。好在《精通HTML 语义、标准和样式》一书中对此作了详细的解释。

<small>和<hr><pre><sup><sub><i><b>等一帮兄弟一样,被定义为表示性元素,W3C的说法是:为能够简单地指定字体信息的元素,无语义。

回到淘宝的这一段代码中,<small></small>标记之中是一段跳过导航的链接:<a class="invisible" href="#Content">跳过导航及工具栏</a>。我认为,淘宝UED在思考之后采用了和<i>标记一样的思路,与其定义一个<span class="skipNavigation"></span>占用大量html空间,不如直接使用<small>。更重要的一点是跳过导航的功能就是为用户,准确的说是为残疾人用户在使用朗读浏览器或者无css样式定义的情况下使用的,简洁的<small></small>可能更符合标准化的精神。

浏览器支持

所有主流浏览器均支持 <small> 标签。

HTML 4.01 与 HTML5 之间的差异

实际运用时没有区别。在 HTML 4.01 中,small 元素显示为更小的文本。在 HTML5 中,small 元素定义旁注信息,并显示为更小的文本。

【小编的相关推荐文章】

html font标签是什么?<font>标签的属性的详细介绍

html5 output标签是什么意思?html5 output标签的使用方法

以上就是html small标签是什么意思?small标签的使用方法实例的详细内容,更多请关注其它相关文章!

相关标签: small html