»ù±¾ HTML Êý¾ÝÐÍʽ
URL
"url" ÐÍ Ö¸ ¾ø ¶Ô µÄ »ò Ïà ¶Ô µÄ È« Çò ×Ê Ô´ ¶¨ λ. Çë ²Î ÔÄ URL
²¿ ·Ö À´ »ñ Öª ¸ü ¶à ϸ ½Ú.
×Ö·ûÊý¾Ý
ºÏ ·¨ µÄ HTML ×Ö ·û Êý ¾Ý Óï ·¨ ÔÚ SGML µÄ NAME ºÍ CDATA ²¿ ·Ö ÖÐ ¶¨ Òå. Çë ²Î ÔÄ SGML
Ö¸µ¼ À´ »ñ Öª ¸ü ¶à µÄ SMGL ½é ÉÜ ÐŠϢ. ¶ø ¸ü ¶à µÄ SMGL ÐÅÏ¢, Çë ²Î ÔÄ SGML ÊÖ ²á ([GOLD90]).
- NAME. SGML Ãû ³Æ ±Ø Ðë ÒÔ ×Ö Ä¸ (A-Z and a-z) ¿ª ʼ
²¢ ºó Ðø ÈÎ ºÎ Êý Á¿ µÄ ×Ö Ä¸, Êý ×Ö, ¶Ì »® Ïß ("-") ºÍ С Êý
µã (".").
- CDATA. Óà ÓÚ Êô ÐÔ Öµ, Ö¸ ÎÄ µµ ×Ö ·û ¼¯ µÄ Ðò ÁÐ, Æä
ÖÐ ¿É ÒÔ °ü À¨ ×Ö ·û Ìõ Ä¿. Óà »§ ´ú Àí Æ÷ »á ÔÚ ½ø Ò» ²½ ´¦ Àï
Êô ÐÔ Öµ Ö® ǰ ¾ö ¶¨ CDATA. HTML 4.0 ˵ Ã÷ Êé ¾ ³£ ÔÚ CDATA ÌØ
ÐÔ ÔÊ Ðí µÄ Ìõ ¼þ Ï ʹ Óà Éî ²ã µÄ ½á ¹¹ ÏÞ ÖÆ.
¼´ ʹ STYLE ºÍ
SCRIPT Ôª
ËØ ʹ Óà CDATA ×÷ Ϊ Ëü ÃÇ µÄ Êý ¾Ý Ä£ ÐÍ, CDATA »¹ ÊÇ ÔÚ ²» ͬ µÄ Óà »§ ´ú Àí Æ÷ ÉÏ ÓÐ ²» ͬ µÄ ¶Ô ´ý ·½
ʽ. ±ê ×¢ Ìõ Ä¿ ±Ø Ðë ÊÇ Î´ ¼Ó ¹¤ ¹ý µÄ ²¢ ´« ËÍ ¸ø ÔË ÓÃ. Ê× ÏÈ ³ö ÏÖ µÄ ×Ö ·û ´Î Ðò Ϊ "</" ×÷ Ϊ Ôª
ËØ ÖÕ ÄÚ ÈÝ µÄ ÖÕ ½á ·û ºÅ. ÔÚ ºÏ ·¨ µÄ ÎÄ µµ ÖÐ, Õâ ÊÇ Ôª ËØ µÄ ½á Êø ±ê Ö¾.
ÑÕÉ«
"color" ÐÍ Ê½ µÄ Êô ÐÔ Öµ Ö¸ ÔÚ [SRGB]
ÖÐ Ö¸ ¶¨ µÄ ÑÕ É«. Ëù ÓÐ µÄ ÑÕ É« ¿É ÒÔ ÊÇ Ò» ¸ö 16 ½ø ÖÆ Öµ (Óà ¾® ºÅ ×÷ Ϊ ǰ ׺ ) »ò ÒÔ Ï 16 ÖÖ ÑÕ É« Ãû ³Æ.
ÑÕ É« Ãû ³Æ ºÍ RGB Öµ
 |
Black = "#000000"¡@ |
 |
Green = "#008000" |
 |
Silver = "#C0C0C0"¡@ |
 |
Lime = "#00FF00" |
 |
Gray = "#808080"¡@ |
 |
Olive = "#808000" |
 |
White = "#FFFFFF"¡@ |
 |
Yellow = "#FFFF00" |
 |
Maroon = "#800000"¡@ |
 |
Navy = "#000080" |
 |
Red = "#FF0000"¡@ |
 |
Blue = "#0000FF" |
 |
Purple = "#800080"¡@ |
 |
Teal = "#008080" |
 |
Fuchsia = "#FF00FF"¡@ |
 |
Aqua = "#00FFFF" |
Òò ´Ë, ÑÕ É« Öµ "#800080" ºÍ "Purple" Á½ ÖÖ ¶¼ Ö¸ ×Ï É«.
(Òë ×¢: ÉÏ ÁÐ ÑÕ É« Òò ÓÐ É« ±ê ²» ÔÙ · Òë, ¶ø ÇÒ Ò² ÓÉ ÓÚ Õâ Щ
ÑÕ É« ÔÚ ÖÐ ¹ú ÓÐ ²» ͬ µÄ ½Ð ·¨ ¶ø û ·¨ · Òë - ÎÒ ±¾ À´ ¾Í ÊÇ Ñ§
ÃÀ Êõ ³ö Éí µÄ, ÎÒ Éî Éî µØ ¸Ð µ½ ÖÐ ¹ú µÄ ÎÄ »¯ ²» ÊÇ ¼ò µ¥ µÄ 16
½ø ÖÆ Âë ¿É ÒÔ È¡ ´ú µÄ)
ʹÓÃÑÕÉ«µÄ×¢ÒâÊÂÏî
¼´ ʹ ÑÕ É« ¿É ÒÔ ´ó Á¿ µÄ ÎÄ µµ ЊϢ Á¿ ²¢ ʹ Ö® Ò× ÓÚ ÔÄ ¶Á, µ«
Çë ÔÚ ÎÄ µµ ÖРʹ Óà ÑÕ É« ʱ ¿¼ ÂÇ Ï ÁÐ µÄ Ö¸ µ¼ ·¨ Ôò.:
- ÔÚ Ê¹ Óà HTML Ôª ËØ ºÍ ÌØ ÐÔ Ê± Ö¸ ¶¨ ÑÕ É« ʱ ²» ÔÞ ³É µÄ, ¹Ä Àø µÄ ÊÇ Óà ·ç¸ñÒ³(style
sheets) À´ ´ú Ìæ.
- ²» Òª ʹ Óà ÑÕ É« ×é ºÏ ¶ø µ¼ Ö Óà »§ ÔÚ ÖÚ ¶à µÄ Ò³ Ãæ ÖÐ
ÑÛ »¨ çÔ ÂÒ.
- Èç ¹û Äã ʹ Óà ±³ ¾° ͼ °¸ »ò Éè Öà ÁË ±³ ¾° É«, Çë È· ¶¨ Éè
¶¨ ÁË Ïà Ó¦ µÄ ÎÄ ×Ö ÑÕ É«.
- ÔÚ ±í ¸ñ ÖÐ µÄ Äbgcolor
,BODY ºÍ FONT
ÖÐ Ö¸ ¶¨ µÄ ÑÕ É« ÔÚ ²» ͬ µÄ ²Ù ×÷ ƽ ̨ ÉÏ ²» ¾¡ Ïà ͬ (Èç: workstations, Macs, Windows ÒÔ ¼°
LCD Òº ¾§ ÏÔ Ê¾ °å ºÍ CRT Òõ ¼« Éä Ïß ¹Ü), Ëù ÒÔ Äã ²» Ó¦ µ± Íê È« ÐÅ ÈÎ ÌØ ¶¨ µÄ Ч ¹û. ÔÚ ½« À´, [SRGB]
Óë ICC É« ²Ê Ð Òé Ìá ¹© µÄ É« ²Ê Ä£ ÐÍ ½« »á ¼õ С Õâ ¸ö ÎÊ Ìâ.
- ÔÚ ÌØ ¶¨ µÄ ³¡ ºÏ, ¿É ÒÔ ²É Óà ÆÕ ͨ µÄ Ð Òé À´ ʹ Óà »§ µÄ
ÎÞ Ðò »¯ ¼õ ÖÁ ×î С. µ± È» ³ý ·Ç ÔÚ Ï£ Íû µÃ µ½ µÄ Ч ¹û ÈÅ ÂÒ
ÁË Óà »§ ʱ!
³¤¶ÈºÍÏñËØ
"length" Êô ÐÔ Öµ ¿É ÒÔ ÓÃ » ²¼ (ÆÁ Ä», Ò³ Ãæ) Ïñ ËØ Õû Êý Öµ »ò
Óà ˮ ƽ ´¹ Ö± ¿Õ ¼ä Öµ À´ ˵Ã÷. HTML DTD ͨ ³£ Óà %Length Óà ±í
Çó ³¤ ¶È ÔÊ Ðí Öµ µÄ °Ù ·Ö Á¿ ºÍ Óà %Pixels À´ ±í ʾ ÔÊ Ðí µÄ Ïñ
ËØ °Ù ·Ö Á¿.
Òò ´Ë, Öµ "50" ±í ʾ 50 ¸ö Ïñ ËØ. ¶Ô ÓÚ ¿í ¶È, Öµ "50%" ±í ʾ ÔÊ
Ðí µÄ Ë® ƽ ¿Õ ¼ä (ÔÚ margins Ïß ÖÐ ¼ä, ÔÚ ±í ¸ñ µ¥ Ôª ÖÐ µÈ µÈ
µÄ Ò» °ë). ¶Ô ÓÚ ¸ß ¶È, Öµ "50%" ±í ʾ ºÏ ·¨ µÄ ´¹ Ö± ¿Õ ¼ä (ÔÚ
µ± ǰ ÊÓ ´°, µ± ǰ ±í ¸ñ µ¥ Ôª µÈ µÈ) ÖÐ µÄ Ò» °ë.
¹Ø ÓÚ ±ê ×¼ µÄ Ïñ ËØ ¶¨ Òå ×Ê ÁÏ, Çë ²Î ÔÄ [CSS1].