HTML1

1.缃戦〉涔辩爜鐨勯棶棰樻槸濡備綍浜х敓鐨勶紵鎬庢牱瑙ｅ喅

涔辩爜浜х敓鐨勫師鍥狅細椤甸潰缂栬緫鍚�淇濆瓨鐨勭紪鐮佹牸寮忓拰娴忚鍣ㄨВ鏋愭枃浠舵椂鐨勭紪鐮佹牸寮忎笉涓�鑷�銆備竴鑸槸鑻辨枃浠ュ鐨勫瓧绗﹀嚭鐜颁贡鐮侊紝鍥犱负UTF-8銆丟BK閮戒娇鐢ㄧ殑绗竴涓瓧鑺傜紪鐮佽嫳鏂囧瓧绗﹂泦銆�瑙ｅ喅鏂规硶锛氱綉椤电紪杈戝悗淇濆瓨鐨勫瓧绗︾紪鐮佹牸寮忎笌椤甸潰涓環ead鏍囩閲岃缃殑charsert鍊间竴鑷淬��缃戦〉鏂囦欢缂栬緫淇濆瓨鏃�,濡傛灉淇濆瓨鏍煎紡涓簎tf-8锛岄偅涔堜竴瀹氳鍦╤tml鐨�閲屾坊鍔�锛岃繖鍙ヨ瘽鐨勬剰鎬濇槸鍛婅瘔娴忚鍣ㄥ湪鎵撳紑杩欎釜椤甸潰鐨勬椂鍊欎笉瑕佷娇鐢ㄩ粯璁ょ殑缂栫爜鏍煎紡瑙ｇ爜锛岀洿鎺鐢╱tf-8鍘昏В鐮併�� 鍚岀悊锛屽鏋滄枃浠朵繚瀛樹负gbk鏍煎紡锛屼竴瀹氬湪鏂囦欢閲屾坊鍔�

2.棰滆壊鏈夊嚑绉嶅啓娉曪紝 绾㈣壊銆� 缁胯壊銆佽摑鑹层�佺櫧鑹层�侀粦鑹插浣曡〃绀猴紵 閫忔槑榛戣壊濡備綍琛ㄧず锛�#ccc鐨勯鑹诧紝 #eee鐨勯鑹诧紵 #333鐨勯鑹诧紵

1.鍗佸叚杩涘埗琛ㄧず锛�#ffffff鍗�姣忎袱浣嶅垎鍒〃绀轰竴缁勯鑹诧紙red green blue锛夌殑鏁板��銆俧f鏈�澶у�硷紝00鏈�灏忓�硷紝姣忎袱浣嶇浉鍚屾椂鍙互缂╁啓锛屽彧鍐欎竴浣嶏紝#ff00cc锛岀缉鍐欎负#f0c
2.绾㈢豢钃漅GB锛坮ed blue green锛夊�艰〃绀烘柟娉曪紝rgb(255,255,255)鎴栬�卹gb(80%,60%,20%) 銆�鍔犻�忔槑搴﹂�忔槑搴︼細rgba(255,212,192,0.5), alpha鍊兼坊鍔犲悗锛岄鑹插甫閫忔槑搴︼紝鏈�鍚庝竴浣嶅彇鍊�1-0锛�1浠ｈ〃涓嶉�忔槑锛�0浠ｈ〃鍏ㄩ�忔槑銆�
3.鍚嶅瓧鎸囧畾棰滆壊锛氭湁16绉嶅熀鏈鑹诧紙鎵�鏈夋祻瑙堝櫒閮芥湁锛夊拰150绉嶆墿灞曢鑹诧紙鍙湁杈冩柊鐨勬祻瑙堝櫒涓婃湁锛夊彲浠ラ噰鐢ㄨ繖绉嶆柟娉曟寚瀹氳嫳鏂囩畝鍐欒〃绀烘柟娉� color:red;
4.榛戣壊閫忔槑鑹茬殑琛ㄧず鏂规硶锛歳gba(0,0,0,0.5)
5.#ccc琛ㄧず娴呯伆鑹诧紝#eee琛ㄧず鐏拌壊锛�#333琛ㄧず娣辩伆鑹�

3.鐨勪綔鐢ㄦ槸浠�涔堬紵

doctype鏂囨。鐢虫槑锛岀敵鏄庢祻瑙堝櫒瑙ｆ瀽璇ラ〉闈㈡椂浣跨敤鍝HTML鐗堟湰锛�鐢虫槑娴忚鍣ㄥ湪瑙ｆ瀽璇ラ〉闈㈡椂浣跨敤HTML5鐗堟湰瑙ｆ瀽銆侶TML鍙戝睍涓湁澶氫釜鐗堟湰锛堝悓涓�浠ｇ爜鍦ㄥ悓涓�娴忚鍣ㄤ腑鏄鏋滀娇鐢ㄤ笉鍚岀増鏈В鏋愶紝瀹為檯鏁堟灉鏈夊樊寮傜敋鑷虫槸閿欒锛夛紝HTML5鐗堟湰鐨勬帹鍑烘槸涓轰簡缁熶竴杩欑娣蜂贡鐨勬儏鍐碉紝HTML5鍏锋湁鍚戝悗鍏煎鎬с�傞殢鐫�鎶�鏈殑鍙戝睍褰㈡垚鐩稿簲鏂囨。锛孒TML鏍囧噯浼氫笉鏂彂灞曪紝涓嶅啀鏈夌増鏈彿6銆�7銆�8锛岀敋鑷冲彲浠ヤ笉鍐嶆妸瀹冨彨鍋欻TML5锛屽洜涓轰粠鐜板湪寮�濮嬪畠灏辨槸"HTML"銆傝繖灏辨槸涓轰粈涔堝啓鐨勬槸鑰屼笉鏄�銆�

4.涓ユ牸妯″紡鍜屾贩鏉傛ā寮忔寚浠�涔�

涓ユ牸妯″紡鐢虫槑娴忚鍣ㄨВ鏋愯椤甸潰鏃朵娇鐢ㄦ渶涓ユ牸鐨勮娉曟爣鍑嗚В鏋愶紝娣锋潅妯″紡浠ュ鏉剧殑璇硶鏍囧噯瑙ｆ瀽锛堝疄闄呮樉绀虹殑缁撴灉浼氭瘮杈冩�紓锛夈�俬tml5鏄病鏈塂TD鐨勶紝涔熷氨娌℃湁涓ユ牸妯″紡涓庡鏉炬ā寮忕殑鍖哄埆

5.meta鏈変粈涔堜綔鐢紝甯歌鐨勫�兼湁鍝簺

鏍囩浣嶄簬head鏍囩鍐咃紝閫氬父浠ュ悕绉�/鍊煎鍑虹幇銆傛彁渚涗簡HTML鏂囨。鐨勫厓鏁版嵁锛坢eta-information锛夈�傚厓鏁版嵁涓嶄細鏄剧ず鍦ㄥ鎴风锛屼絾椤甸潰鍔犺浇鍚庝細琚祻瑙堝櫒瑙ｆ瀽銆侻ETA鍏冪礌閫氬父鐢ㄤ簬鎸囧畾缃戦〉鐨勬弿杩帮紝鍏抽敭璇嶏紝鏂囦欢鐨勬渶鍚庝慨鏀癸紝浣滆�咃紝鍜屽叾浠栧厓鏁版嵁銆俶eta鏍囩鏈変袱涓睘鎬�:equiv銆乶ame,涓や釜灞炴�у張鏈夊悇鑷殑鍐呭"content",甯歌鐨刴eta灞炴�у拰鍊煎涓嬶細
瀹氫箟閽堝鎼滅储寮曟搸鐨勫叧閿瘝锛�

瀹氫箟瀵归〉闈㈢殑鎻忚堪锛�
javascript
瀹氫箟椤甸潰浣滆�咃細

瀹氫箟椤甸潰姣�5绉掑埛鏂颁竴娆★細

6.

X-UA-Compatible鏄拡瀵笽E8鐗堟湰鐨勪竴涓壒娈婃枃浠跺ご鏍囪锛岀敤浜庝负IE8鎸囧畾涓嶅悓鐨勯〉闈㈡覆鏌撴ā寮忥紝瀵逛簬ie8涔嬪鐨勬祻瑙堝櫒鏄笉璇嗗埆鐨勩�侷E=edge鍛婄煡IE娴忚鍣ㄤ娇鐢ㄦ渶鏂扮殑edge鍐呮牳鏍囧噯鏉ヨВ鏋愭覆鏌撻〉闈紝chrome=1琛ㄧず濡傛灉娴忚鍣ㄦ湁chrome鎻掍欢鍒欎娇鐢╟hrome鍐呮牳鏉ヨВ鏋愭覆鏌撻〉闈�

7.甯歌鐨勬祻瑙堝櫒鏈夊摢浜涳紝浠�涔堝唴鏍�

娴忚鍣ㄦ渶閲嶈鎴栬�呰鏍稿績鐨勯儴鍒嗘槸娓叉煋寮曟搸鈥淩endering Engine鈥濓紝涓�鑸О涓烘祻瑙堝櫒鍐呮牳銆傝礋璐ｅ缃戦〉璇硶鐨勮В閲婏紙濡傛爣鍑嗛�氱敤鏍囪璇█涓嬬殑涓�涓簲鐢℉TML銆丣avaScript锛夊苟娓叉煋锛堟樉绀猴級缃戦〉銆� 涓嶅悓鐨勬祻瑙堝櫒鍐呮牳瀵瑰悓涓�缃戦〉缂栧啓璇硶鐨勮В閲婁篃鏈変笉鍚岋紝鍥犳鍚屼竴缃戦〉鍦ㄤ笉鍚岀殑鍐呮牳鐨勬祻瑙堝櫒閲岀殑娓叉煋锛堟樉绀猴級鏁堟灉涔熷彲鑳戒笉鍚屻��
1.Trident鍐呮牳浠ｈ〃浜у搧Internet Explorer锛屽張绉板叾涓篒E鍐呮牳銆傛槸寰蒋寮�鍙戠殑涓�绉嶆帓鐗堝紩鎿庛�備娇鐢═rident娓叉煋寮曟搸鐨勬祻瑙堝櫒鍖呮嫭锛欼E銆佸偛娓搞�佷笘鐣屼箣绐楁祻瑙堝櫒銆佽吘璁疶T绛夈��
2.Gecko鍐呮牳浠ｈ〃浣滃搧Mozilla Firefox锛孏ecko鏄竴濂楀紑鏀炬簮浠ｇ爜鐨勩�佷互C++缂栧啓鐨勭綉椤垫帓鐗堝紩鎿庛�侴ecko鏄渶娴佽鐨勬帓鐗堝紩鎿庝箣涓�锛屼粎娆′簬Trident銆備娇鐢ㄥ畠鐨勬渶钁楀悕娴忚鍣ㄦ湁Firefox銆丯etscape銆�
3.WebKit鍐呮牳浠ｈ〃浣滃搧Safari銆丆hrome锛寃ebkit 鏄竴涓紑婧愰」鐩紝瀹冪殑鐗圭偣鍦ㄤ簬婧愮爜缁撴瀯娓呮櫚銆佹覆鏌撻�熷害鏋佸揩銆傜己鐐规槸瀵圭綉椤典唬鐮佺殑鍏煎鎬т笉楂橈紝瀵艰嚧涓�浜涚紪鍐欎笉鏍囧噯鐨勭綉椤垫棤娉曟甯告樉绀恒��
4.Presto鍐呮牳浠ｈ〃浣滃搧Opera锛孭resto鏄敱Opera Software寮�鍙戠殑娴忚鍣ㄦ帓鐗堝紩鎿庛��

鐗堟潈澹版槑锛氭湰鏁欑▼鐗堟潈褰掕瀹村嘲鍜岄ゥ浜鸿胺鎵�鏈夛紝杞浇椤昏鏄庢潵婧愶紒锛侊紒锛�