html的排版标题的是,HTML 5结构排版布局
進(jìn)行總體布局時候,具體可以用的方法。
1.大綱:文檔中各內(nèi)容區(qū)塊的結(jié)構(gòu)編排。
內(nèi)容區(qū)塊可以使用標(biāo)題元素來展示各級內(nèi)容區(qū)塊的標(biāo)題。
關(guān)于內(nèi)容區(qū)塊的編排可以分為“顯示編排”和“隱式編排”。
顯示編排:明確使用section等元素創(chuàng)建文檔結(jié)構(gòu),在每個內(nèi)容區(qū)塊內(nèi)使用標(biāo)題(h1-h6、hgroup)。更加清晰、易讀。
隱式編排:不明確使用section等元素,而是根據(jù)頁面中所書寫的各級標(biāo)題(h1-h6、hgroup)等把內(nèi)容區(qū)塊自動創(chuàng)建出來。(容易讓自動生成的結(jié)構(gòu)與想要的不一樣,易引起結(jié)構(gòu)混亂,盡量使用顯示編排。)
標(biāo)題分級:h1的級別最高,h6的級別最低。隱式編排時按以下規(guī)則自動生成內(nèi)容區(qū)塊:如果新出現(xiàn)的標(biāo)題比上一個標(biāo)題級別低,生成下級內(nèi)容區(qū)塊;如果新出現(xiàn)的標(biāo)題比上一個標(biāo)題級別高或級別相等,生成新的內(nèi)容區(qū)塊。
不同的內(nèi)容區(qū)塊可以使用相同級別的標(biāo)題:如父內(nèi)容區(qū)塊與子內(nèi)容區(qū)塊可以使用相同級別的標(biāo)題,好處是每個級別的標(biāo)題都可以單獨(dú)設(shè)計,對于既需要“整個網(wǎng)頁的標(biāo)題”,又需要“文章的標(biāo)題”(如書寫文檔時)會帶來很大的便利。
2.對新的結(jié)構(gòu)元素使用樣式
在css中追加如下聲明,通知瀏覽器頁面中使用的HTML 5新增元素都是以塊方式顯示的:
article,aside,dialog,figure,footer,header,legend,nav,section{display:block;}
在IE 8及之前的瀏覽器中,需要使用JS腳本來使瀏覽器可以正常使用這些結(jié)構(gòu):
document.createElement("header");
document.createElement("nav");
document.createElement("article");
document.createElement("footer");
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
以上是生活随笔為你收集整理的html的排版标题的是,HTML 5结构排版布局的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: (已解决)Failed to execu
- 下一篇: Java设计模式——GoF设计模式