您是否查看了一个非常古老的网站并在HTML中看到了一个不寻常的标签?许多年前,网页设计师实际上会在HTML本身内部设置网页的字体,但结构(HTML)和样式(CSS)的分离在一段时间之前就消除了这种做法。
在今天的网页设计中,标签已被弃用。这意味着标记不再是HTML规范的一部分。虽然某些浏览器在弃用之后仍然支持此标记,但HTML5中完全不再支持该标记,HTML5是该语言的最新版本。这意味着不应再在HTML文档中找到该标记。
字体标记的替代方案
如果您无法使用标记在HTML页面中设置文本字体,您应该使用什么?层叠样式表(CSS)是您今天在网站上设置字体样式(和所有视觉样式)的方式。 CSS可以做标签可以做的所有事情,还有更多。让我们来看看标签在我们的HTML页面的选项时可以做什么(记住,它不再受支持,因此它不是一个选项)并比较如何使用CSS。
更改字体系列
字体是字体的面或族。使用字体标记,您将使用属性“face”,您需要将其放置在整个文档中很多次,以便为每个文本部分设置单独的字体。如果您需要对该字体进行彻底更改,则必须更改这些单独的标记中的每一个。例如:
这个字体不是sans-serif
在CSS而不是字体“face”中,它被称为字体“family”。您编写了一个可以设置字体的CSS样式。例如,如果您想将页面中的所有文本设置为Garamond,您可以添加如下的视觉样式:
body {font-family:Garamond,Times,serif; }
这种CSS样式将Garamond的字体系列应用于网页上的所有内容,因为文档中的每个元素都是该文档的后代。
更改字体颜色
与面部一样,您可以使用“颜色”属性和十六进制代码或颜色名称来更改文本的颜色。多年前,您还可以在文本元素上单独设置它,例如标题标记。
这个字体是紫色的
今天,你只需编写一行CSS。
这更加灵活。如果你需要改变
在您网站的每个页面上,您可以对CSS文件进行一次更改,并且每个使用该文件的页面都会更新。
与老人一起出去
使用CSS来指定视觉样式多年来一直是Web设计师的标准,所以如果您确实在查看仍然使用标记的页面,那么它是一个非常古老的页面,需要重新开发以符合当前的Web设计最佳实践和现代Web标准。
Jeremy Girard编辑