jquery遍歷標簽中自定義的屬性方法
674
2024-02-18
1、除選擇DOCTYPE之外的語句必須使用小寫英文字母書寫。其中包括 Macromedia Dreamweaver 生成的鼠標動作，如 OnMouseOver 也必須修改成 onmouseover。
2、XHTML語法規要求所有的標識都必須有開始和結束。例如<body>和</body>、<p>和</p>等，對于不成對的標識，要求在標識最后加一個空格，然后跟一個"/"。例如<br>寫成<br />、<img>寫成<img />，加空格的原因是避免代碼連在一起瀏覽器不識別。
3、所有的XML標記都必須合理嵌套。如：<p><b></p></b> 必須修改為：<p><b></b></p> ，就是說，一層一層的嵌套必須是嚴格對稱。
4、所有的屬性必須用引號""括起來。如： <height=80> 必須修改為：<height="80"> 。特殊情況，你需要在屬性值里使用雙引號，你可以用"，單引號可以使用'，例如：<alt="say'hello'">。
5、把所有<和&特殊符號用編碼表示。如：任何小于號（<），不是標簽的一部分，都必須被編碼為& l t ; ，任何大于號（>），不是標簽的一部分，都必須被編碼為 & g t ; ，任何與號（&），不是實體的一部分的，都必須被編碼為& a m p ; 。（以上代碼字母間無空格）
6、給所有屬性賦一個值。如： <td nowrap> <input type="checkbox" name="shirt" value="medium" checked> 必須修改為：<td nowrap="nowrap"> <input type="checkbox" name= "shirt" value="medium" checked="checked">。
7、不要在注釋內容中使用“--”。如：<這里是注釋-----------這里是注釋--> 可以用等號或者空格替換內部的虛線 <這里是注釋============這里是注釋-->。
首先是規范的文件頭部分的寫法：
CODE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a target="_blank">http://www.w3.org/1999/xhtml</a>" lang="utf-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="utf-8" />
<meta content="all" name="robots" />
<meta name="author" content="siyizhu3722@msn.com,siyizhu" />
<meta name="Copyright" content="Siyizhu's SimpleLife,轉載本站文章請順便加上版權" />
<meta name="description" content="siyizhu" />
<meta content="siyizhu,QQ:87654080,朱聰,China,湖北,中國" name="keywords" />
[Copy to clipboard]
在CSS的定義方面，值得推薦的是一種通用字體設置的方案，內容如下：
CODE:
body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif; }
[Copy to clipboard]
字體按照所列出的順序選用。如果用戶的計算機含有Lucida Grande字體，文檔將被指定為Lucida Grande。沒有的話，就被指定為Verdana字體，如果也沒有Verdana，就指定為Lucida字體，依此類推；
Lucida Grande字體適合Mac OS X；
Verdana字體適合所有的Windows系統；
Lucida適合UNIX用戶；
"宋體"適合中文簡體用戶；
如果所列出的字體都不能用，則默認的sans-serif字體能保證調用。
CSS中用四個偽類來定義鏈接的樣式，分別是：a:link、a:visited、a:hover和a : active，例如：
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}
但是書寫的時候一定要注意順序，正確的順序是：LVHA，如果不這么寫的話，很可能效果很你預期的不一樣。
中間部分的布局規格化和菜單的非表格實現需要實踐的引導，在這里先不寫什么。下面寫一點關于代碼校驗的記錄。
XHTML校驗常見錯誤原因對照表:
No DOCTYPE Found! Falling Back to HTML 4.01 Transitional--未定義DOCTYPE。
No Character Encoding Found! Falling back to UTF-8.--未定義語言編碼。
end tag for "img" omitted, but OMITTAG NO was specified--圖片標簽沒有加"/"關閉。
an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified--屬性值必須加引號。
element "DIV" undefined---DIV標簽不能用大寫，要改成小寫div。
required attribute "alt" not specified---圖片需要加alt屬性。
required attribute "type" not specified---JS或者CSS調用的標簽漏了type屬性。
CSS2校驗常見錯誤原因對照表:
(警告)無效數字 : color909090 不是一個 color 值 : 909090 ---十六進制顏色值必須加"#"號，即#909090
(警告)無效數字 : margin-topUnknown dimension : 6pixels ---pixels不是一個單位值，正確寫法6px
(警告)屬性 scroll_bar-face-color 不存在 : #eeeeee --- 定義滾動條顏色是非標準的屬性
(警告)Line : 0 font-family: 建議你指定一個種類族科作為最后的選擇 --W3C建議字體定義的時候，最后以一個類別的字體結束，例如"sans-serif"，以保證在不同操作系統下，網頁字體都能被顯示
(警告)Line : 0 can't find the warning message for otherprofile --表示在代碼中有非標準屬性或值，校驗程序無法判斷和提供相應的警告信息
