什么是W3C標准


前言:我們平時說的W3C,其實是World Wide Web Consortium的縮寫,中文是W3C組織或者萬維網聯盟,W3C這個組織做什么的呢?很簡單,就是出網頁標准的。那么由W3C組織出的標准就被稱為W3C標准,那么符合W3C標准的頁面就是標准頁面了,好,問題來了~

什么是W3C標准?

  【注意】下面對W3C標准的解釋,需要理解一下,因為在很多Web前端開發工程師面試的時候會遇到這方面的問題,很多企業在面試一些Web前端技術人員的時候,認為如果連什么是W3C都不知道,那做出來的頁面肯定就不能夠符合W3C標准,所以要求大家留意下!

  W3C標准不是一個標准,而是一系列標准的集合,包含三部分的標准:結構標准、表現標准和動作標准。與結構標准對應的代表語言是xHTML,與表現標准對應的代表語言是CSS,與動作標准對應的代表語言是JavaScript。

  當我們將一個成品的網頁設計制作成一個靜態頁面的時候,就要符合前面兩種標准,結構標准和表現標准,那么制作出來的頁面就是標准頁面,用他們相對應的語言來描述這種制作標准頁面的技術我們就稱之為“xHTML+CSS”!

        【總結】知識一、知識二、知識三是大家必須知道的,知道了這些無論去面試還是和其他人溝通,都會讓對方感覺你這個人很專業,對技術理解很透徹!

1. !DOCTYPE聲明

2. 定義語言編碼

3. Javascript定義  

Js必須要用<script language="javascript" type="text/javascript">來開頭定義,而不是原來的<script language=javascript>或干脆直接<script>

4. css定義

CSS必須要用<style type="text/css">開頭來定義,而不是原來的直接<style>

該加單位加單位,該有分號有分號

5. 不要在注釋內容中使用“--”

“--”只能發生在XHTML注釋的開頭和結束,也就是說,在內容中它們不再有效。
例如下面的代碼是無效的:<!--這里是注釋-----------這里是注釋-->
正確的應用等號或者空格替換內部的虛線。<!--這里是注釋============這里是注釋-->

6. 所有標簽的元素和屬性的名字都必須使用小寫
與HTML不一樣,XHTML對大小寫是敏感的,<title>和<TITLE>是不同的標簽。XHTML要求所有的標簽和屬性的名字都必須使用小寫。例如:<BODY>必須寫成<body>。大小寫夾雜也是不被認可的,通常dreamweaver自動生成的屬性名字"onMouseOver"也必須修改成"onmouseover"。

7. 所有的屬性必須用引號""括起來
在HTML中,你可以不需要給屬性值加引號,但是在XHTML中,它們必須被加引號。
例如:<height=80>必須修改為:<height="80">。
特殊情況,你需要在屬性值里使用雙引號,你可以用",單引號可以使用&apos;,例如:<alt="say&apos;hello&apos;">

8. 把所有<和&特殊符號用編碼表示
任何小於號(<),不是標簽的一部分,都必須被編碼為 &lt;
任何大於號(>),不是標簽的一部分,都必須被編碼為 &gt;
任何與號(&),不是實體的一部分的,都必須被編碼為 &amp; 

9. 給所有屬性賦一個值
XHTML規定所有屬性都必須有一個值,沒有值的就重復本身。例如: 
<td nowrap><input type="checkbox" name="shirt" value="medium" checked>必須修改為:
<td nowrap="nowrap"><input type="checkbox" name="shirt" value="medium" checked="checked" />

10. 所有的標記都必須要有一個相應的結束標記
以前在HTML中,你可以打開許多標簽,例如<p>和<li>而不一定寫對應的</p>和</li>來關閉它們。但在XHTML中這是不合法的。XHTML要求有嚴謹的結構,所有標簽必須關閉。如果是單獨不成對的標簽,在標簽最后加一個"/"來關閉它。 

11. 所有的標記都必須合理嵌套 
同樣因為XHTML要求有嚴謹的結構,因此所有的嵌套都必須按順序,以前我們這樣寫的代碼: 
<p><b></p></b>必須修改為:<p><b></b></p> 

12. 圖片添加有意義的alt屬性
例如:<img src="logo.gif" width="100" height="100" align="middle" boder="0" alt="w3cschool" />
盡可能的讓作為內容的圖片都帶有屬於自己的alt屬性。
同理:添加文字鏈接的title屬性。
<a href="#" target="_blank" title="新聞新聞新聞新聞">新聞新聞…</a>,在一些限定字數的內容展示尤為重要,幫助顯示不完成的內容顯示完整,而不用考慮頁面會因此而撐大。

13. 在form表單中增加lable,以增加用戶友好度 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM