HTML5+CSS3王者归来
上QQ阅读APP看书,第一时间看更新

3-25 HTML5不再支持的元素与属性设定

如果你曾经学习过HTML4.01或更早版本,可能老师在教文件输出时,同时也会教下列元素或属性:

<basefont>元素:字体设定。

<big>元素:放大字体。

<center>元素:文字置中。

<s>元素:删除线。

<marquee>元素:跑马灯。

background属性:设计网页背景图案。

bgcolor属性:设计网页背景颜色。

text属性:设计网页文字色彩。

之后你好像可以快速上手学会一些好像很炫的功能。其实上述功能皆是属于网页外观设计,在HTML5中以上功能已经被CSS3所取代了,笔者强烈不建议学习或使用上述已经停用的元素和属性。如果你在网页设计中号称使用HTML5设计网页却加上上述功能,虽然目前各浏览器皆有支持但是只会被认为不专业,而且不懂HTML5的真正内涵。同时,未来如果新的浏览器不支持旧版HTML元素时,你的网页会出现错误信息。

W3C协会发布了HTML5和CSS3,其最重要的设计理念就是将网页文件的内容与结构外观设计分开。学习HTML5主要就是学习设计文件的内容与结构,学习CSS3主要就是学习网页的外观设计。上述理念主要是认为一个完美的商业网页设计,应由多人分工完成,HTML程序设计师负责内容与结构,美工或CSS设计师负责网页外观设计。在HTML5架构下,一份HTML文件已经可以在不更改HTML文件内容的情况下,通过不同的CSS设计产生完全不一样的结果,而这个效果的好坏也考验着设计CSS的设计师与美工人员,这部分在CSS章节笔者会以实例解说。总之,如果我们在HTML5的内容与结构中加入了已经弃用的网页外观元素和属性时,就违背了HTML5真正的内涵。

例如下列两个画面最大的特色是<body>元素内的内容完全相同,笔者只是更改了CSS的设计,就获得了两个不一样的结果。但是如果读者在HTML程序的<body>内增加了不鼓励使用的元素时,在修改时就会动到整体HTML的文件设计。

习题

1. 请设计一个网页介绍你最难忘的3个旅游地点,内容可以自行发挥。

2. 请设计一个网页介绍你最喜欢的3种食物,内容可以自行发挥。