這篇博客是對html基本骨架標(biāo)簽的初步了解,如需深入了解各標(biāo)簽的詳細(xì)使用支竹,請在MDN(國外網(wǎng)站)查找具體的細(xì)節(jié)十电,下面開始進入正題
html頁面最基本的組成
由于html5的文檔類型聲明是向下兼容的,所以現(xiàn)在基本都是使用html5的文檔類型聲明派任。
下面是一個html頁面最基本的三個標(biāo)簽
<!DOCTYPE html>? ? ? ?這個聲明是告訴瀏覽器摸恍,我的html文檔類型是什么
<html>
????<head></head>
? ? <body></body>
</html>
1.<html></html>
一個html頁面的根元素悉罕,所有其他元素都必須是他的子元素
2.<head></head>
包含html頁面的通用信息,包括如文檔標(biāo)題立镶、文檔字符編碼類型壁袄、文檔的引入的腳本和樣式等
3.<body></body>
頁面所有的展示的內(nèi)容都將放入到這個標(biāo)簽中
head中常用的標(biāo)簽
4.<title></title>
此標(biāo)簽用于定義文檔的標(biāo)題,只可以包含文本(如果寫了標(biāo)簽,則標(biāo)簽會被當(dāng)作字符顯示)
5.<meta>
此標(biāo)簽通過標(biāo)簽中的屬性來聲明文檔的相關(guān)信息
例如:
<meta charset="utf-8">? ? ? 這個聲明了我的html文檔是使用utf-8編碼
6.<link>
此標(biāo)簽用來引入一個外部的CSS樣式文件媚媒,通過href屬性來指定樣式文件的地址
7.<script></script>
此標(biāo)簽用于引入一個外部的JS腳本文件嗜逻,通過src屬性來指定腳本文件的地址,標(biāo)簽中間寫的JS代碼將不會被執(zhí)行
如果要想在頁面中直接寫CSS樣式和腳本代碼呢欣范,那么在?<style></style> 之間寫入CSS即可变泄,在 <script></script> 寫入你的JS代碼即可
body中常用的區(qū)塊劃分標(biāo)簽
html5出來之前,區(qū)塊劃分都是使用 <div></div> 標(biāo)簽設(shè)置一個class來劃分一個html頁面的各個區(qū)塊恼琼,有了html5之后妨蛹,就有了更加語義化的標(biāo)簽
8.<header></header>
此標(biāo)簽表示一個頁面的頭部區(qū)塊
9.<footer></footer>
此標(biāo)簽表示一個頁面的底部區(qū)塊
10.<nav></nav>
此標(biāo)簽表示一個頁面導(dǎo)航區(qū)塊
11.<article></article>
此標(biāo)簽一般表示文章、博客內(nèi)容等的獨立內(nèi)容區(qū)塊
12.<aside></aside>
此標(biāo)簽一般用于和其余部分有聯(lián)系晴竞,但被單獨的拆分出來而不會使整體受影響的區(qū)塊蛙卤,通常用于表示側(cè)邊欄
13.<section></section>
頁面除了頭部區(qū)塊和尾部區(qū)塊,其他區(qū)塊一般使用這個來表示,并會搭配h1-h6中的標(biāo)簽來辨識每個區(qū)塊
14.<address></address>
此標(biāo)簽一般表示一個聯(lián)系信息的區(qū)塊
總結(jié):
一個html文檔由文檔聲明和一個根元素html組成颤难,根元素html又由head元素和body元素組成神年,?head元素中的元素都是用來表示文檔相關(guān)的通用信息,body元素中的元素則是html頁面的各個區(qū)塊行嗤。至此已日,就是本篇博客的全部內(nèi)容。如此博客中有說的不對的地方歡迎批評指正栅屏。