Web
璁捐甯堝彲浠ヤ娇鐢?/p>
HTML4
鍜?/p>
CSS2.1
瀹屾垚涓�浜涘緢閰风殑涓滆タ銆傛垜浠彲浠ュ湪涓嶄娇鐢ㄩ檲鏃?/p>
鐨勫熀浜?/p>
table
甯冨眬鐨勫熀纭�涓婂畬鎴愭枃妗ｉ�昏緫缁撴瀯骞跺垱寤哄唴瀹逛赴瀵岀殑缃戠珯銆傛垜浠彲浠ュ湪涓嶄娇鐢ㄥ唴
鑱?/p>
<font>
鍜?/p>
<br>
鏍囩鐨勫熀纭�涓婂缃戠珯娣诲姞婕備寒鑰岀粏鑵荤殑椋庢牸鏍峰紡銆備簨瀹炰笂锛屾垜浠?/p>
鐩墠鐨勮璁¤兘鍔涘凡缁忚鎴戜滑杩滅浜嗛偅涓彲鎬曠殑娴忚鍣ㄦ垬浜夋椂浠ｃ�佷笓鏈夊崗璁拰閭ｄ簺鍏呮弧闂姩銆?/p>
婊氬姩鍜岄棯鐑佺殑涓戦檵缃戦〉銆?/p>
铏界劧鎴戜滑鐜板湪宸茬粡鏅亶浣跨敤浜?/p>
HTML4
鍜?/p>
CSS2.1
锛屼絾鏄垜浠繕鍙互鍋氬緱鏇村ソ锛佹垜浠彲
浠ラ噸缁勬垜浠唬鐮佺殑缁撴瀯骞惰兘璁╂垜浠殑椤甸潰浠ｇ爜鏇村瘜鏈夎涔夊寲鐗规�с�?/p>
鎴戜滑鍙互缂╁噺甯︾粰椤甸潰缇?/p>
涓藉瑙傛牱寮忎唬鐮侀噺骞惰浠栦滑鏈夋洿楂樼殑鍙墿灞曟�с�傜幇鍦紝
HTML5
鍜?/p>
CSS3
姝ｈ穬璺冩璇曠殑绛夊緟
澶у锛屼笅闈㈣鎴戜滑鏉ョ湅鐪嬩粬浠槸鍚︾湡鐨勮兘璁╂垜浠殑璁捐鎻愬崌鍒颁笅涓�涓珮搴﹀惂鈥?/p>
鏇剧粡锛岃璁″笀浠粡甯镐細璺熼绻佷娇鐢ㄥ熀浜?/p>
table
鐨勬病鏈変换浣曡涔夌殑甯冨眬銆備笉杩囨渶缁堣繕鏄
鎰熻阿鍍?/p>
Jeffrey
Zeldman
鍜?/p>
Eric
Meyer
杩欐牱鐨勬�濇兂闈╂柊鑰咃紝鑱槑鐨勮璁″笀浠參鎱㈢殑鎺ュ彈浜嗙浉
瀵规洿璇箟鍖栫殑
<div>
甯冨眬鏇夸唬浜?/p>
table
甯冨眬锛屽苟涓斿紑濮嬭皟鐢ㄥ閮ㄦ牱寮忚〃銆備絾涓嶅垢鐨勬槸锛?/p>
澶嶆潅鐨勭綉椤佃璁￠渶瑕佸ぇ閲忎笉鍚岀殑鏍囩缁撴瀯浠ｇ爜锛?/p>
鎴戜滑鎶婂畠鍙仛
鈥?/p>
<div>-soup
鈥?/p>
缁煎悎鐥囥�?/p>
涔熻浣犲緢鐔熸倝涓嬮潰鐨勪唬鐮?/p>
: <div id="news">
浠ｇ爜濡備笅
:
<div class="section">
<div class="article">
<div class="header">
<h1>Div Soup Demonstration</h1>
<p>Posted on July 11th, 2009</p>
</div>
<div class="content">
<p>Lorem ipsum text blah blah blah.</p>
<p>Lorem ipsum text blah blah blah.</p>
<p>Lorem ipsum text blah blah blah.</p>
</div>
<div class="footer">
<p>Tags: HMTL, code, demo</p>
</div>
</div>
<div class="aside">
<div class="header">
<h1>Tangential Information</h1>
</div>
<div class="content">
<p>Lorem ipsum text blah blah blah.</p>
<p>Lorem ipsum text blah blah blah.</p>
<p>Lorem ipsum text blah blah blah.</p>
</div>
<div class="footer">
<p>Tags: HMTL, code, demo</p>
</div>