您好,登錄后才能下訂單哦!
這篇文章主要介紹“怎么把HTML5元素定義為塊級元素”,在日常操作中,相信很多人在怎么把HTML5元素定義為塊級元素問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”怎么把HTML5元素定義為塊級元素”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
您可以幫助老版本瀏覽器處理 HTML5。
HTML5 瀏覽器支持
所有現代瀏覽器都支持 HTML5。
此外,所有瀏覽器,不論新舊,都會自動把未識別元素當做行內元素來處理。
正因如此,您可以幫助老式瀏覽器處理”未知的“ HTML 元素。
注:您甚至可以教授石器時代的 IE6 如何處理未知的 HTML 元素。
把 HTML5 元素定義為塊級元素
HTML5 定義了八個新的語義 HTML 元素。所有都是塊級元素。
您可以把 CSS display 屬性設置為 block,以確保老式瀏覽器中正確的行為:
實例
header, section, footer, aside, nav, main, article, figure { display: block; }
向 HTML 添加新元素
您可以通過瀏覽器 trick 向 HTML 添加任何新元素:
本例向 HTML 添加了一個名為 <myHero> 的新元素,并為其定義 display 樣式:
實例
<!DOCTYPE html><html><head> <title>Creating an HTML Element</title> <script>document.createElement("myHero")</script> <style> myHero { display: block; background-color: #ddd; padding: 50px; font-size: 30px; } </style> </head><body><h2>My First Heading</h2><p>My first paragraph.</p><myHero>My First Hero</myHero></body></html>
到此,關于“怎么把HTML5元素定義為塊級元素”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。