你須要瞭解的一些web前端常見概念整理

談談對web標準的理解

Web標準不是某一個標準,而是由一系列標準組合而成。網頁主要由三部分組成:結構、表現和行爲。對應的標準也分三方面:結構化標準語言主要包括XHTML和HTML以及XML,表現標準語言主要包括CSS,行爲標準主要包括對象模型(如W3C DOM)、ECMAScript等。這些標準大部分由W3C起草和發佈,也有一些是其餘標準組織制訂的標準。css

網站重構是什麼,怎麼理解?

網站重構不是一種技術,不是css+div,更不是標準,網站重構是一種思想,是一種理念。html

引用WebReBuild.ORG 的話:當前國內的同行廣泛的認爲:所謂的網站重構就是「DIV+CSS」,想法當然極度侷限。但也不是另外一部分的人認爲是「XHTML+CSS」,由於「XHTML+CSS」只是頁面重構。真正的網站重構理應包含結構、行爲、表現三層次的分離以及優化,行內分工優化,以及以技術與數據、人文爲主導的交互優化等。web

xhtml規範的內容有哪些?

1.全部的標記都必需要有一個相應的結束標記

之前在HTML中,你能夠打開許多標籤,例如<p><li>而不必定寫對應的</p></li>來關閉它們。但在XHTML中這是不合法的。XHTML要求有嚴謹的結構,全部標籤必須關閉。若是是單獨不成對的標籤,在標籤最後加一個"/"來關閉它。優化

2.全部標籤的元素和屬性的名字都必須使用小寫

HTML不同,XHTML對大小寫是敏感的,<title><TITLE>是不一樣的標籤。XHTML要求全部的標籤和屬性的名字都必須使用小寫。例如:<BODY>必須寫成<body> 。大小寫夾雜也是不被承認的,一般dreamweaver自動生成的屬性名字"onMouseOver"也必須修改爲"onmouseover"。網站

3.全部的XML標記都必須合理嵌套

一樣由於XHTML要求有嚴謹的結構,所以全部的嵌套都必須按順序,之前咱們這樣寫的代碼:
如下是引用片斷:ui

<p><b></p></b>

必須修改成:編碼

<p><b></b></p>

就是說,一層一層的嵌套必須是嚴格對稱。code

4.全部的屬性必須用引號""括起來

HTML中,你能夠不須要給屬性值加引號,可是在XHTML中,它們必須被加引號。例如:
如下是引用片斷:htm

<height=80>

必須修改成:對象

<height="80">

特殊狀況,你須要在屬性值裏使用雙引號,你能夠用",單引號能夠使用&apos;,例如:

<alt="say&apos;hello&apos;">

5.把全部<和&特殊符號用編碼表示

任何小於號(<),不是標籤的一部分,都必須被編碼爲&lt;
任何大於號(>),不是標籤的一部分,都必須被編碼爲&gt;
任何與號(&),不是實體的一部分的,都必須被編碼爲&amp;

6.給全部屬性賦一個值

XHTML規定全部屬性都必須有一個值,沒有值的就重複自己。例如:

<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>

必須修改成:

<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">

7.不要在註釋內容中使「--」

--」只能發生在XHTML註釋的開頭和結束,也就是說,在內容中它們再也不有效。例以下面的代碼是無效的:

<!--這裏是註釋-----------這裏是註釋-->

用等號或者空格替換內部的虛線。

<!--這裏是註釋============這裏是註釋-->

8.屬性最小化

XML不支持屬性最小化. 屬性值對必須寫全。像compactchecked這樣的屬性名不能不指定屬性值而在元素中出現。

正確:最小化屬性

<dl compact="compact">

不正確:最小化屬性

<dl compact>

以上這些規範是針對xhtml的,但這一切都是爲了使咱們的代碼有一個統1、惟一的標準,便於之後的數據再利用。

注:還有一些xhtml的規範請你們指出來一塊兒分享

相關文章
相關標籤/搜索