記得剛接觸HTML的時(shí)候昌犹,有一些元素只會(huì)寫(xiě)但是不明白其含義,這情況真是很尷尬览芳。本節(jié)將來(lái)解析一下HTML文檔的主要的骨架標(biāo)簽的含義斜姥。
一、Hello World
編寫(xiě)第一段HTML代碼沧竟,在頁(yè)面上輸出
Hello World
文本铸敏。代碼如下:
<!--聲明文檔內(nèi)容為html-->
<!DOCTYPE html>
<!--設(shè)置語(yǔ)言為英文-->
<html lang="en">
<head>
<!--設(shè)置文檔默認(rèn)編碼-->
<meta charset="UTF-8">
<!--網(wǎng)頁(yè)的title-->
<title>系統(tǒng)首頁(yè)</title>
</head>
<body>
<p>Hello World</p>
</body>
</html>
這是一段最簡(jiǎn)單HTML代碼,但是其骨架完整悟泵。在瀏覽器中瀏覽效果如圖:
Hello World
二杈笔、讀懂每一個(gè)標(biāo)簽
一個(gè)符合規(guī)范的HTML文檔會(huì)包含DOCTYPE、html糕非、head蒙具、body這些基本的文檔元素。當(dāng)然即使沒(méi)有顯式的元素標(biāo)簽朽肥,網(wǎng)頁(yè)也是可以顯示禁筏,但是不建議這么去做。
1衡招、HTML5基本文檔結(jié)構(gòu)
<!DOCTYPE html>
<html lang="en">
<head></head>
<body>
</body>
</html>
上述示例演示了HTML文檔骨架的4種文檔元素的使用方法篱昔。接下來(lái),將逐一解讀蚁吝。
<!DOCTYPE HTML>
!DOCTYPE
元素主要有兩個(gè)作用第一是告訴瀏覽器旱爆,它即將處理的是一份HTML文檔;第二是用來(lái)標(biāo)記HTML的版本窘茁。通常這樣的聲明都在文檔的第一行怀伦。
<html></html>
html
元素是文檔的根元素。
<head></head>
head
元素是文檔的頭部(通俗的理解)山林,在head元素中可以使用title元素和其他的元數(shù)據(jù)元素房待,也可以在head中引用js、css和定義js驼抹、css桑孩。
<body></body>
body
元素(容器)中是文檔的展示內(nèi)容。
PS:小伙伴們真棒框冀,已經(jīng)寫(xiě)出了第一個(gè)網(wǎng)頁(yè)流椒。加油!