<thead id="jxdzp"><address id="jxdzp"><pre id="jxdzp"></pre></address></thead>

<em id="jxdzp"><span id="jxdzp"></span></em>

    <listing id="jxdzp"><nobr id="jxdzp"><meter id="jxdzp"></meter></nobr></listing>

      <address id="jxdzp"></address>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

          訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

          Web標準中XHTML的代碼規范

          網絡 2007/11/24 22:11:26 深山行者 字體: 瀏覽 5894
          XHTML是XML的一個應用,一些在基于SGML的HTML4中完全合法的習慣在XHTML中必須改變。編排良好性Well-formedness是[XML]引入的一個新概念。從本質上說,這意味著元素必須有結束標簽,或者必須以特殊方式書寫,了解web標準有關代碼的規范可以幫助你少走彎路,盡快通過代碼校驗。

                1.所有的標記都必須要有一個相應的結束標記

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

          以下是引用片段:
          <br /><img height="80" alt="網頁設計師" src="../images/logo_w3cn_200x80.gif" width="200" />

                2.所有標簽的元素和屬性的名字都必須使用小寫

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

                3.所有的XML標記都必須合理嵌套

                同樣因為XHTML要求有嚴謹的結構,因此所有的嵌套都必須按順序,以前我們這樣寫的代碼:

          以下是引用片段:
          <p><b></p>/b>

                必須修改為:     

          以下是引用片段:
          <p><b></b>/p> 

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

                4.所有的屬性必須用引號""括起來

                在HTML中,你可以不需要給屬性值加引號,但是在XHTML中,它們必須被加引號。例如:     

          以下是引用片段:
          <height=80> 

                必須修改為:     

          以下是引用片段:
          <height="80"> 

                特殊情況,你需要在屬性值里使用雙引號,你可以用",單引號可以使用&apos;,例如:

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

                5.把所有<和&特殊符號用編碼表示

                任何小于號(<),不是標簽的一部分,都必須被編碼為& l t ;

                任何大于號(>),不是標簽的一部分,都必須被編碼為& g t ;

                任何與號(&),不是實體的一部分的,都必須被編碼為& a m p;

                注:以上字符之間無空格。

                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不支持屬性最小化. 屬性值對必須寫全。象compact,checked這樣的屬性名不能不指定屬性值而在元素中出現。

          以下是引用片段:

          正確:最小化屬性
          <dl compact="compact">

          不正確:最小化屬性
          <dl compact>


                以上這些規范有的看上去比較奇怪,但這一切都是為了使我們的代碼有一個統一、唯一的標準,便于以后的數據再利用。

          相關閱讀
          Javascript實現CSS代碼高亮顯示
          旅行社網站模板12
          當鼠標移到圖片上時會發生夢幻般輪流變化的圖片特效
          javascript_vb_asp代碼轉換器
          自由鳥
          26件網站推廣網頁優化必須的事情
          靜態生成
          沙漠玫瑰旅行社
          共有0條關于《Web標準中XHTML的代碼規范》的評論
          發表評論
          正在加載評論......
          返回頂部發表評論
          呢 稱:
          表 情:
          內 容:
          評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
          驗證碼: 驗證碼 
          網友評論聲明,請自覺遵守互聯網相關政策法規。

          您發布的評論即表示同意遵守以下條款:
          一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
          二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
          三、本站對您所發布內容擁有處置權。

          更多信息>>欄目類別選擇
          百度小程序開發
          微信小程序開發
          微信公眾號開發
          uni-app
          asp函數庫
          ASP
          DIV+CSS
          HTML
          python
          更多>>同類信息
          jquery設置或獲取修改classname
          利用css3.0寫出一個音樂播放的唱片碟盤的效果
          利用css中的scale()實現放大縮小效果
          利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數字讓背景色透明
          css背景使用base64編碼或者將base64編碼放在img圖片標簽中
          利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉
          更多>>最新添加文章
          dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
          Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
          抖音直播音掛載小雪花 懂車帝小程序
          javascript獲取瀏覽器指紋可以用來做投票
          火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
          在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
          python通過代碼修改pip下載源讓下載庫飛起
          python里面requests.post返回的res.text還有其它的嗎
          更多>>隨機抽取信息
          AJAX彈出提示信息效果與lightbox效果一樣
          非常漂亮的當前頁面內容搜索代碼
          IE6不支持png24的解決辦法(png24做為css的背景)
          吉林省天馬旅行社
          javascript根據內容轉換為拼音
          淘寶產品首字母類別效果
          88国产精品视频一区二区三区