HTML 頁面源代碼布局介紹
此介紹以google首頁源代碼截圖為例:
從上到下依次介紹:
<!DOCTYPE html> 此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。
XHTML規(guī)范:必須小寫,有開始結(jié)束標(biāo)簽,屬性也用雙引號(hào)。
HTML規(guī)范:不區(qū)分大小寫,有開始和結(jié)束標(biāo)簽,也可把結(jié)束標(biāo)簽放在開始標(biāo)簽里,如:<input type='text' /> 。屬性可用雙引號(hào)、單引號(hào)(必須配對(duì)使用)。
HTML 節(jié)點(diǎn):HTML頁面的根節(jié)點(diǎn),頁面的代碼信息都放在這個(gè)節(jié)點(diǎn)里。
<head> 節(jié)點(diǎn):頭部節(jié)點(diǎn)。包含以下子節(jié)點(diǎn):
<mete> 標(biāo)簽:提供頁面的元信息(meta-information),比如頁面關(guān)鍵字;
<title> 標(biāo)簽:頁面的標(biāo)題;
<script> 標(biāo)簽:一般存放Css和JavaScript代碼的區(qū)域;
<Body> 節(jié)點(diǎn):頁面內(nèi)容區(qū)域,存放html各元素信息
<Div> 標(biāo)簽 : 存放各元素控件?! ?/p>
<script> 標(biāo)簽:因?yàn)镠tml頁面是從上到下加載,不是加載完再一次性顯示內(nèi)容,而是一邊加載一邊展示內(nèi)容。
把Script放在body的后面,類似于說明此Script里的代碼要調(diào)用body里的元素。若放在Head標(biāo)簽里,運(yùn)行到此script代碼時(shí),body里的元素還沒有加載,會(huì)獲取不到所需的元素信息。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。