HTML 页面源代码布局介绍
此介紹以google首頁(yè)源代碼截圖為例:
從上到下依次介紹:
1.<!DOCTYPE html>
此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。
?XHTML規(guī)范:必須小寫(xiě),有開(kāi)始結(jié)束標(biāo)簽,屬性也用雙引號(hào)。
?HTML規(guī)范:不區(qū)分大小寫(xiě),有開(kāi)始和結(jié)束標(biāo)簽,也可把結(jié)束標(biāo)簽放在開(kāi)始標(biāo)簽里,如:<input type='text' /> 。屬性可用雙引號(hào)、單引號(hào)(必須配對(duì)使用)。
?
2.HTML 節(jié)點(diǎn):HTML頁(yè)面的根節(jié)點(diǎn),頁(yè)面的代碼信息都放在這個(gè)節(jié)點(diǎn)里。
<head> 節(jié)點(diǎn):頭部節(jié)點(diǎn)。包含以下子節(jié)點(diǎn):
<mete> 標(biāo)簽:提供頁(yè)面的元信息(meta-information),比如頁(yè)面關(guān)鍵字;
<title> 標(biāo)簽:頁(yè)面的標(biāo)題;
<script> 標(biāo)簽:一般存放Css和JavaScript代碼的區(qū)域;
<Body> 節(jié)點(diǎn):頁(yè)面內(nèi)容區(qū)域,存放html各元素信息
<Div> 標(biāo)簽 : 存放各元素控件。
<script> 標(biāo)簽:因?yàn)镠tml頁(yè)面是從上到下加載,不是加載完再一次性顯示內(nèi)容,而是一邊加載一邊展示內(nèi)容。
把Script放在body的后面,類似于說(shuō)明此Script里的代碼要調(diào)用body里的元素。若放在Head標(biāo)簽里,運(yùn)行到此script代碼時(shí),body里的元素還沒(méi)有加載,會(huì)獲取不到所需的元素信息。
?
End Web開(kāi)發(fā)之路系列文章 菜單加載中...轉(zhuǎn)載于:https://www.cnblogs.com/polk6/archive/2013/05/10/3071451.html
總結(jié)
以上是生活随笔為你收集整理的HTML 页面源代码布局介绍的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: soapui自带的webservice实
- 下一篇: 【探索HTML5第二弹05】响应式布局(