HTML <font> 标签 - HTML5 不支持


实例 规定文本的尺寸、字体和颜色:

<font size="3" color="red">这是一些文本!</font>
<font size="2" color="blue">这是一些文本!</font>
<font face="verdana" color="green">这是一些文本!</font>

浏览器支持

Internet Explorer, Firefox, Opera, Google Chrome, Safari 所有主流浏览器都支持 <font> 标签。

标签定义及使用说明

HTML5 不支持 <font> 标签。请用 CSS 代替。 在 HTML 4.01 中,<font> 元素 已废弃。 <font> 标签规定文本的字体、字体尺寸、字体颜色。

提示和注释

提示:请使用 CSS 来定义文本的字体、尺寸、颜色。

HTML 4.01 与 HTML5之间的差异

HTML5 不支持 <font> 标签,HTML 4.01 已废弃 <center> 标签。

可选的属性

属性  值   描述
color   rgb(x,x,x)
#xxxxxx
colorname   HTML5 不支持。HTML 4.01 已废弃。 规定文本的颜色。
face    font_family HTML5 不支持。HTML 4.01 已废弃。 规定文本的字体。
size    number  HTML5 不支持。HTML 4.01 已废弃。 规定文本的尺寸。

标准属性

在 HTML 4.01 中,<font> 标签支持如下标准属性:

属性  值   描述
class   classname   规定元素的类名
dir rtl
ltr 规定元素中内容的文本方向
id  id  规定元素的唯一 id
lang    language_code   规定元素中内容的语言代码
style   style_definition    规定元素的行内样式
title   text    规定元素的额外信息

1 篇笔记

类似于font元素这种只具有表现性的标记代码被废弃的原因:

在Web早期,HTML文档编辑人员缺乏改变页面排版样式的途径,无法使用与当时Web浏览器中内置字形、字号和颜色不同的设置,随后HTML中引入了font元素,文档编辑人员可以通过表现性标签改变字体相关属性。这使得文档编辑人员在文本的表现性控制方面获得了更多的主动权。但是,随之而来的问题比较突出,就是在文档中插入了大量的、类似于font元素的这种表现性标记代码,使HTML文档变得臃肿不堪,倘若网站需要重新设计,势必需要找出每个类似于font元素的这种表现性标记代码并加以修改,并且一个文本片段往往对应大量的表现性标记代码。

CSS的出现给了HTML文档编辑人员不需要额外的标记代码就能控制排版样式的途径,使得修改整个网站的设计都可以通过一个单独的文件来完成。因此,类似于font元素这种只具有表现性的标记代码被正式废弃。


原文链接:https://codingdict.com/