牛牛什么牌最好配牛

書名： HTML5+CSS3王者歸來(lái)
作者名：洪錦魁
本章字?jǐn)?shù)： 732字
更新時(shí)間： 2019-12-09 14:46:08

3-25 HTML5不再支持的元素與屬性設(shè)定

如果你曾經(jīng)學(xué)習(xí)過(guò)HTML4.01或更早版本，可能老師在教文件輸出時(shí)，同時(shí)也會(huì)教下列元素或?qū)傩裕?/p>

<basefont>元素：字體設(shè)定。

<big>元素：放大字體。

<center>元素：文字置中。

<s>元素：刪除線。

<marquee>元素：跑馬燈。

background屬性：設(shè)計(jì)網(wǎng)頁(yè)背景圖案。

bgcolor屬性：設(shè)計(jì)網(wǎng)頁(yè)背景顏色。

text屬性：設(shè)計(jì)網(wǎng)頁(yè)文字色彩。

之后你好像可以快速上手學(xué)會(huì)一些好像很炫的功能。其實(shí)上述功能皆是屬于網(wǎng)頁(yè)外觀設(shè)計(jì)，在HTML5中以上功能已經(jīng)被CSS3所取代了，筆者強(qiáng)烈不建議學(xué)習(xí)或使用上述已經(jīng)停用的元素和屬性。如果你在網(wǎng)頁(yè)設(shè)計(jì)中號(hào)稱使用HTML5設(shè)計(jì)網(wǎng)頁(yè)卻加上上述功能，雖然目前各瀏覽器皆有支持但是只會(huì)被認(rèn)為不專業(yè)，而且不懂HTML5的真正內(nèi)涵。同時(shí)，未來(lái)如果新的瀏覽器不支持舊版HTML元素時(shí)，你的網(wǎng)頁(yè)會(huì)出現(xiàn)錯(cuò)誤信息。

W3C協(xié)會(huì)發(fā)布了HTML5和CSS3，其最重要的設(shè)計(jì)理念就是將網(wǎng)頁(yè)文件的內(nèi)容與結(jié)構(gòu)和外觀設(shè)計(jì)分開(kāi)。學(xué)習(xí)HTML5主要就是學(xué)習(xí)設(shè)計(jì)文件的內(nèi)容與結(jié)構(gòu)，學(xué)習(xí)CSS3主要就是學(xué)習(xí)網(wǎng)頁(yè)的外觀設(shè)計(jì)。上述理念主要是認(rèn)為一個(gè)完美的商業(yè)網(wǎng)頁(yè)設(shè)計(jì)，應(yīng)由多人分工完成，HTML程序設(shè)計(jì)師負(fù)責(zé)內(nèi)容與結(jié)構(gòu)，美工或CSS設(shè)計(jì)師負(fù)責(zé)網(wǎng)頁(yè)外觀設(shè)計(jì)。在HTML5架構(gòu)下，一份HTML文件已經(jīng)可以在不更改HTML文件內(nèi)容的情況下，通過(guò)不同的CSS設(shè)計(jì)產(chǎn)生完全不一樣的結(jié)果，而這個(gè)效果的好壞也考驗(yàn)著設(shè)計(jì)CSS的設(shè)計(jì)師與美工人員，這部分在CSS章節(jié)筆者會(huì)以實(shí)例解說(shuō)。總之，如果我們?cè)贖TML5的內(nèi)容與結(jié)構(gòu)中加入了已經(jīng)棄用的網(wǎng)頁(yè)外觀元素和屬性時(shí)，就違背了HTML5真正的內(nèi)涵。

例如下列兩個(gè)畫面最大的特色是<body>元素內(nèi)的內(nèi)容完全相同，筆者只是更改了CSS的設(shè)計(jì)，就獲得了兩個(gè)不一樣的結(jié)果。但是如果讀者在HTML程序的<body>內(nèi)增加了不鼓勵(lì)使用的元素時(shí)，在修改時(shí)就會(huì)動(dòng)到整體HTML的文件設(shè)計(jì)。

習(xí)題

1. 請(qǐng)?jiān)O(shè)計(jì)一個(gè)網(wǎng)頁(yè)介紹你最難忘的3個(gè)旅游地點(diǎn)，內(nèi)容可以自行發(fā)揮。

2. 請(qǐng)?jiān)O(shè)計(jì)一個(gè)網(wǎng)頁(yè)介紹你最喜歡的3種食物，內(nèi)容可以自行發(fā)揮。

官术网_书友最值得收藏!

HTML5+CSS3王者歸來(lái)

3-25 HTML5不再支持的元素與屬性設(shè)定