讓舊瀏覽器接受HTML5的語義標籤
139896-106.jpg
瀏覽器在遇到不認識的元素時，會把它們當成內聯（inline）元素。大多數HTML5語義元素（除了<time>之外）都是塊級元素，塊級元素是需要獨佔一行的（也就是看上去是換行了）。
不認識HTML5語義元素的瀏覽器不知道應該把它們顯示成塊級元素，所以它們很有可能會被放置在同一行。
為了解決這個問題，可以新增一條規則：
article, aside, figure, figcaption, footer, header, main, nav, section, summary {
display: block;
}
上面這條規則對於能識別HTML5的瀏覽器來說是沒作用的，因為這些元素的display屬性預設就是block。
HTML與CSS 目錄：HTML與CSS
下一篇：【CSS】著色與透明
相關文章
- 從瀏覽器渲染的角度談談html標籤的語義化瀏覽器HTML
- HTML5 之語義標籤HTML
- 瀏覽器跨標籤通訊瀏覽器
- HTML5新新增的語義化標籤HTML
- HTML5語義化標籤總結HTML
- 如何判斷當前瀏覽器是否支援html5的video標籤瀏覽器HTMLIDE
- Windows 10 Edge瀏覽器標籤頁預覽怎麼關閉 win10禁用edge瀏覽器標籤頁預覽功能的教程Windows瀏覽器Win10
- 瀏覽器多個標籤頁之間的通訊瀏覽器
- html meta 標籤和瀏覽器快取關係HTML瀏覽器快取
- 如何實現瀏覽器標籤頁之間的通訊瀏覽器
- 如何打造標籤式IE瀏覽器 (共享原始碼)(轉)瀏覽器原始碼
- HTML簡介，結構，標籤以及標籤語義HTML
- 如何讓瀏覽器支援 import 和export語法瀏覽器ImportExport
- 火狐瀏覽器如何設定主頁為新標籤頁瀏覽器
- 前端開發入門到實戰：html5語義化標籤前端HTML
- HTML5標準制定完成：瀏覽器大戰能消停嗎？HTML瀏覽器
- 讓你的瀏覽器變成Siri一樣的語音助手瀏覽器
- 關於語義類標籤的新理解
- [TEAP] HTML5之外的語義標準HTML
- HTML5的新特性——語義化標籤、多媒體標籤（video、audio）、input型別、表單屬性HTMLIDE型別
- html5標籤HTML
- 自定義web瀏覽器(五)Web瀏覽器
- Android 開發者的瀏覽器書籤（ADB）Android瀏覽器
- IE8瀏覽器下，設定span標籤內容無效瀏覽器
- HTML5的canvas標籤HTMLCanvas
- 好程式設計師web前端分享常見html5語義化標籤程式設計師Web前端HTML
- 自定義標籤【迭代標籤】薦
- 語義化你的HTML標籤和屬性HTML
- HTML5新標籤或改動標籤HTML
- 如何讓IE8和IE8以下瀏覽器支援HTML5瀏覽器HTML
- 如何讓低版本IE瀏覽器支援HTML5和CSS3瀏覽器HTMLCSSS3
- Mac瀏覽器書籤管理工具Mac瀏覽器
- HTML5 之瀏覽器支援介紹HTML瀏覽器
- html5多終端瀏覽器相容HTML瀏覽器
- 讓IE6,7,8支援HTML5新標籤的方法HTML
- 如果你不喜歡瀏覽器的書籤欄瀏覽器
- 火狐瀏覽器(69版)修改起始頁，主頁和新標籤頁瀏覽器
- appMobi推出基於HTML5的瀏覽器APPHTML瀏覽器