??褰?
-
-
-
- 浠?涔???w3c????锛?
- 涓轟?涔?瑕??靛驚W3C锛?
- ????????瀹規????浜?锛?
- html5 涓轟?涔?涓???瑕?澹版???跺???DTD ??妗ｄ?锛?
- 濡?浣?灏??版????HTMl杞???負XHTML
- XHTML???ヤ?????/li>
-
-
浠?涔???w3c????锛?
w3c: 涓?缁寸???璁?锛???涓?绯誨????????????锛???璐ㄦ??缁???????璇?瑷?
涓昏???3涓??歸???
1??缁?????????璇?瑷?锛?HTML锛?
2??琛ㄧ?版?ф????璇?瑷? (CSS)
3??琛?涓烘???? (DOM??ESMAScript)
涓轟?涔?瑕??靛驚W3C锛?
寮?????浣?涓烘?瑙??ㄧ??浜у?????ㄦ?風??涓??磋??锛?瑕?灏藉???界??璁╂??浠???椤甸?㈡?????村???娴?瑙????婊¤凍?村????ㄦ?烽??姹???
????????瀹規????浜?锛?
1??!DOCTYPE锛???妗ｇ被??锛?
DOCTYPE澹版??蹇?椤繪?懼?ㄦ??涓?涓?XHTML??妗ｆ??椤堕????ㄦ????浠ｇ??????璇?涔?涓?????璇?娴?瑙??ㄤ嬌?ㄧ??HTML/XHTML??浠?涔???????
XHTML1.0??渚?浜?涓?涓?DTD澹版??渚????╋?
i) 杩?娓＄??(Transitional)锛?瑕?姹???甯稿?芥?劇??DTD锛?瀹???璁鎬?缁х畫浣跨??TML4.01????璇?(浣???瑕?绗???xhtml????娉?)??
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
ii) 涓ユ?肩??(Strict)锛?瑕?姹?涓ユ?肩??DTD锛?浣?涓??戒嬌?ㄤ換浣?琛ㄧ?闆?????璇???灞??э?渚?濡?
<br>
??
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
iii) 妗??剁??(Frameset)锛?涓??ㄩ??瀵規??堕〉?㈣?捐?′嬌?ㄧ??DTD锛?濡???浣???椤甸??腑??????妗??訛???瑕????ㄨ?绉?DTD??
`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"`>
2??瀹?涔?璇?瑷?缂???
charset甯歌?????utf-8 ?? gb2312(绠?浣?涓???) ??Unicode绛?
濡???璁劇疆缂???锛????戒?瀵艱?寸????腑??涔辯??
<meta http-equiv=??Content-Type?? content=??text/html;charset=gb2312?? >
3????瀛?绌洪??amespace
<html xmlns=http://www.w3.org/1999/xhtml lang=??gb2312??>
xmlns锛?XHTMLnamespace锛?"??瀛?绌洪????澹版????
XHTML锛????╁??ц???????璁拌??瑷?锛???HTML锛?瓒???????璁拌??瑷?锛???XML锛????╁???璁拌??瑷?锛?杩?娓＄????璇?璇?瑷?锛?瀹???瑕?绗???XML??妗ｈ???锛???姝や???瑕?瀹?涔???瀛?绌洪?淬??????涓?HTML1.0涓??借??瀹?涔???璇?锛???浠ュ??????瀛?绌洪?撮?界?稿??锛?灏辨????http://www.w3.org/1999/xhtml??
XML??namespaces???戒嬌浣???浠ュ?????宸辯???版??绛捐??涓???瑕??瑰????娴?瑙??ㄦ??????
4??JavaScript
js蹇?椤昏???code><script language=??javascript?? type=??text/javascript??>?ュ?澶村??涔?锛???涓??????ョ??
<script language=javascript>
??骞茶???存??code><script>
骞朵???瑕???涓?娉ㄩ??
<!-- -->
锛?浠ヤ?璇??ㄤ?????js??娴?瑙??ㄤ?涓?浼??存?ユ?劇ず?轟唬???ャ??
5??style
CSS蹇?椤昏???code><style type=??text/css??>寮?澶存?ュ??涔?锛???涓??????ョ???存??code><style>锛?涔?涓?寤鴻????琛????峰?锛?涔???瑕???涓?娉ㄩ??绗?code><!-- -->
6??涓?瑕??ㄦ敞????浣跨?ㄢ??????
??????娉?锛?
<!--杩?????娉ㄩ??-----------杩?????娉ㄩ??--
>
姝ｇ‘??娉?锛?
<!--杩?????娉ㄩ??============杩?????娉ㄩ??-->
7????????绛劇????绱???灞??х????瀛??藉?椤諱嬌?ㄥ???
涓?HTML涓?涓??鳳?XHTML瀵瑰ぇ灏???????????锛?澶у???澶規??涔???涓?琚?璁ゅ??????
8**????????灞??у?椤葷?ㄥ??封??????璧鋒??*
??TML涓?锛?浣???浠ヤ???瑕?缁?灞??у??寮??鳳?浣?????HTML涓?锛?瀹?浠?蹇?椤昏???寮??楓??
9??????????<??&绗??風?ㄧ???琛ㄧず
浠諱?灏?浜??鳳?<锛?锛?涓?????绛劇??涓??ㄥ??锛??藉?椤昏?缂???涓?*<**;
浠諱?澶т??鳳?>锛?锛?涓?????绛劇??涓??ㄥ??锛??藉?椤昏?缂???涓?>
浠諱?涓??鳳?&锛?锛?涓???瀹?浣???涓??ㄥ????锛??藉?椤昏?缂???涓?&
10??缁?????灞??ц?涓?涓??? XHTML瑙?瀹?????灞??ч?藉?椤繪??涓?涓??鹼?娌℃???肩??灏遍??澶???韬?
// ??璇???娉?锛?
<td nowrap><input type="checkbox" name="shirt" value="medium" checked>
// 姝ｇ‘??娉?
<td nowrap="nowrap"><input type="checkbox" name="shirt" value="medium" checked="checked" />
11??????????璁伴?藉?椤昏???涓?涓??稿???缁?????璁?
XHTML瑕?姹???涓ヨ皚??缁???锛???????绛懼?椤誨?抽????濡?????????涓???瀵圭????绛撅??ㄦ??绛炬??????涓?涓???/???ュ?抽??瀹???
濡?锛?
<br />
12??????????璁伴?藉?椤誨????宓?濂?
??璇???娉?锛?
<p><b></p></b>
姝ｇ‘??娉?锛?
<p><b></b></p>
13???劇??娣誨??????涔???alt灞???
<img src="logo.gif" width="100" height="100" align="middle" boder="0" alt="logo?劇??" />
14????orm琛ㄥ??涓?澧???label
html5 涓轟?涔?涓???瑕?澹版???跺???DTD ??妗ｄ?锛?
澹版??蹇?椤諱?浜? HTML5 ??妗ｄ腑??绗?涓?琛?锛?涔?灏辨??浣?浜? ??绛句?????瀹???璇?娴?瑙??ㄧ?椤墊??浣跨?ㄧ?? Html 瑙?????浠?涔???
??涓?HTML4.01?轟?SGML锛???浠?tml 4.01 涓???DOCTYPE??瑕?瀵?TD杩?琛?寮??ㄣ????HTML5涓??轟?SGML锛????轟?XHTML锛???姝や???瑕?瀵?DTD 杩?琛?寮????浣?????瑕? DOCTYPE?ヨ???娴?瑙??ㄧ??琛?涓恒??
??瑕?娉ㄦ??????DOCTYPE瀵瑰ぇ灏???寰?????锛?璇蜂功???舵敞??澶у?????
濡?浣?灏??版????HTMl杞???負XHTML
??3C(www.w3c.org)缃?绔?涓???涓?涓?寮??懼??浠ｇ??(open-source)??杞?浠跺??HTML Tidy锛???浠ュ府?╀??存?ヨ漿????
XHTML???ヤ?????/h4>
?扮????灏?娌℃????涓??煎?矽??娴?瑙??ㄧ??绾???锛????╁??ч??锛??磋???锛??藉?????澶у?娴?瑙???????村?????灞?绌洪??
瀛?????? ?瑰?昏煩杞? ?????闆??
![龍珠訓練營task04[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)