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


本文摘自PHP中文网,作者寻∝梦,侵删。

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

html small标签的定义和用法:

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

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

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

HTML <small> 标签实例

定义小型文本:

1

2

<p> runoob.com - the world's largest web development site.</p>

<p><small> Copyright 1999-2050 by Refsnes Data.</small></p>

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

1

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

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

实例源代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<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标签的使用方法实例的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html中的锚点和页面跳转

html标签legend的具体用法你知道吗?legend标签的属性和使用方法详解

深入解析html中列表的几种方式

html如何实现文字的滚动效果

html图片怎么插入

html如何去掉超链接下划线?html超链接去掉下划线的方法介绍

html文档的头部元素有哪些

html调用php

在html中iframe与frame有哪些区别

单选框的type属性值为什么

更多相关阅读请进入《small》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...