- HTML5+CSS3王者歸來
- 洪錦魁
- 732字
- 2019-12-09 14:46:08
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種食物，內容可以自行發揮。
- Java多線程編程實戰指南：設計模式篇（第2版）
- TypeScript Blueprints
- MySQL 8從入門到精通（視頻教學版）
- Python網絡爬蟲從入門到實踐（第2版）
- Oracle數據庫從入門到運維實戰
- C++ 從入門到項目實踐（超值版）
- 精通Linux（第2版）
- Getting Started with NativeScript
- Visual C#.NET Web應用程序設計
- 快速入門與進階：Creo 4·0全實例精講
- 深入理解BootLoader
- Oracle Data Guard 11gR2 Administration Beginner's Guide
- Java EE 7 with GlassFish 4 Application Server
- Visual Basic 程序設計實踐教程
- iOS Development with Xamarin Cookbook