W3C6 ±âº» HTML µ¥ÀÌÅÍ Å¸ÀÔTrio ȨÆäÀÌÁö
¸ñÂ÷
  1. ´ë¼Ò¹®ÀÚ ±¸º° Á¤º¸
  2. SGML ±âº» ŸÀÔµé
  3. ÅؽºÆ® ¹®ÀÚ¿­
  4. URI
  5. »ö»ó(color)
    1. »ö»ó »ç¿ë¿¡ ´ëÇÑ ÁÖ¼®
  6. ±æÀÌ
  7. ÄÁÅÙÆ® ŸÀÔ(content type: MIME types)
  8. ¾ð¾î ÄÚµå
  9. ±ÛÀÚ ¿£ÄÚµù
  10. ´ÜÀÏ ±ÛÀÚ
  11. ÀÏÀÚ¿Í ½Ã°£
  12. ¿¬°á ŸÀÔ(link type)
  13. ¸Þµð¾Æ ¼³¸íÀÚ(media descriptor)
  14. ½ºÅ©¸³Æ® µ¥ÀÌÅÍ(Script data)
  15. ½ºÅ¸ÀϽ¬Æ® µ¥ÀÌÅÍ(Style sheet data)
  16. ¸ñÇ¥(target) ÇÁ·¹ÀÓ À̸§

ÀÌ Ç׸ñ¿¡¼­´Â ¿¤·¹¸àÆ®ÀÇ ÄÁÅÙÆ®(content)³ª ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀ¸·Î ³ªÅ¸ ³¯ ¼ö ÀÖ´Â ±âº» µ¥ÀÌÅÍ Å¸ÀÔÀ» ¼³¸íÇÑ´Ù.

HTML DTD¸¦ Àдµ¥ °ü ÇÑ Á¤º¸´Â SGML ¾È³»¼­À» ÂüÁ¶Ç϶ó.

6.1 ´ë¼Ò¹®ÀÚ ±¸º° Á¤º¸

°¢ ¾ÖÆ®¸®ºäÆ® Á¤ÀÇ¿¡´Â ´ÙÀ½ Å°(key)µé·Î Ç¥Çö µÈ °ªÀÇ ´ë¼Ò¹®ÀÚ ±¸º°¼º(case-sensitivity)ÀÌ Æ÷ÇÔ µÇ¾îÀÖ´Ù.

´ë¼Ò¹®ÀÚ ±¸º°: CS(case sesitive)
°ªÀº ´ë¼Ò¹®ÀÚ ±¸º°ÇÏ¿© ( "a"¿Í "A"°¡ ´Ù¸£°Ô).
´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI(case in-sensitive)
°ªÀº ´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ ("a"¿Í "A"´Â °°°Ô).
´ë¼Ò¹®ÀÚ Á߸³: CN(case neutral)
°ªÀº ´ë¼Ò¹®ÀÚ¿Í °ü°è°¡ ¾ø´Ù, ¿¹¸¦ µé¾î ¼ýÄ¡ ¶Ç´Â ¹®¼­ ±ÛÀÚ ¼¼Æ®ÀÇ ÇÑ ±ÛÀÚ.
´ë¼Ò¹®ÀÚ ¾ÖÆ®¸®ºäÆ® ÂüÁ¶: CA(case attribute)
¿¤·¹¸àÆ®³ª ¾ÖÆ®¸®ºäÆ® ÀÚü¿¡ ´ë¼Ò¹®ÀÚ ±¸º° Á¤º¸¸¦ Á¤ÀÇÇßÀ» ¶§.
´ë¼Ò¹®ÀÚ Å¸ÀÔ ÂüÁ¶: CT(case type)
´ë¼Ò¹®ÀÚ ±¸º°¼º¿¡ ´ë ÇÑ ¼¼ºÎ»çÇ×À» À§ÇØ ±× ŸÀÔ Á¤ÀǸ¦ Á¶È¸ ÇÒ ¶§.

¸¸ÀÏ ¾ÖÆ®¸®ºäÆ® °ªÀÌ ¸ñ·ÏÀÌ¸é º°µµ·Î Ç¥½ÃÇÏÁö ¾Ê´Â Ç× ±× Å°´Â ¸ñ·ÏÀÇ °¢ °ª¿¡ Àû¿ëµÈ´Ù.

6.2 SGML ±âº» ŸÀÔµé

¹®¼­ ŸÀÔ Á¤ÀÇ(DTD)´Â SGML ÅäÅ«(¿¹: PCDATA, CDATA, NAME, ID µî)À» »ç¿ëÇÏ¿© HTMLÀÇ ¿¤·¹¸àÆ® ÄÁÅÙÆ®³ª ¾ÖÆ®¸®ºäÆ® °ªÀ» ÁöÁ¤ÇÏ´Â ¹®¹ýÀÌ´Ù. ¿ÏÀüÇÑ Á¤ÀÇ´Â [ISO8879]À» ÂüÁ¶Ç϶ó. ´ÙÀ½Àº Å° Á¤º¸ÀÇ ¿ä¾àÀÌ´Ù.

6.3 ÅؽºÆ® ¹®ÀÚ¿­

¿©·¯ °³ÀÇ ¾ÖÆ®¸®ºäÆ®(DTDÀÇ %Text;)°¡ ÅؽºÆ®¸¦ »ç¶÷ÀÌ º¼¼ö ÀÖµµ·Ï ÇØ ÁØ´Ù. ¾ÖÆ®¸®ºäÆ®ÀÇ ¼Ò°³ Á¤º¸´Â ¾ÖÆ®¸®ºäÆ® ¾È³»¼­¸¦ ÂüÁ¶Ç϶ó.

6.4 URI

ÀÌ ±Ô°Ý¿¡¼­ »ç¿ëÇÏ´Â URI¹× [RFC1630] Á¤ÀǸ¦ ÂüÁ¶Ç϶ó.

URIµéÀº [RFC1738]¿Í [RFC1808]¿¡ Á¤ÀÇµÈ URLµéÀ» Æ÷ÇÔÇÑ´Ù.

»ó´ë URI´Â ±âº» URI[RFC1808]·Î ºÎÅÍ ¿ÏÀüÇÑ URIÀ» ã¾Æ³½´Ù. ±× °úÁ¤ÀÇ ¼³¸íÀº Ç׸ñ 3 ÁöÁ¤ ±â´ÉÀ» ÂüÁ¶Ç϶ó. ±âº» URI¿¡ ´ëÇÑ ÀÚ¼¼ÇÑ ¼³¸íÀº ¿¬°áÀÇ ±âº» URI¸¦ ÂüÁ¶Ç϶ó.

URI´Â DTD¿¡¼­ ÆĶó¸ÞÅÍ(parameter) ¿£Æ¼Æ¼(entity) %URI;·Î Ç¥ÇöµÈ´Ù.

URI´Â ÀϹÝÀûÀ¸·Î ´ë¼Ò¹®ÀÚ ±¸º°ÇÏ¿© »ç¿ëµÈ´Ù. ±â°è À̸§°ú °°ÀÌ URI Àüü ȤÀº ºÎºÐ¿¡ ´ë¼Ò¹®ÀÚ°¡ °ü°è ¾ø´Â °Íµµ ÀÖÀ¸³ª À̸¦ ±¸ºÐÇÏ´Â °ÍÀº ½±Áö ¾Ê´Ù. ¾ÈÀüÀ» À§ÇÏ¿© »ç¿ëÀÚ´Â URI´Â Ç×»ó ´ë¼Ò¹®ÀÚ ±¸º°ÇÑ´Ù°í »ý°¢ÇÏ´Â °ÍÀÌ ÁÁ´Ù.

ºÎ·Ï¿¡¼­ ºñ¾Æ½ºÅ°(non-ASCII) ±ÛÀÚ URI ¾ÖÆ®¸®ºäÆ® °ªÀ» ÂüÁ¶Ç϶ó.

6.5 »ö»ó

¾ÖÆ®¸®ºäÆ® °ª ŸÀÔ "color"(%Color;)´Â »ö»ó Á¤ÀÇ[SRGB]¸¦ ÂüÁ¶ ÇÑ °ÍÀÌ´Ù. »ö»ó °ªÀº 16Áø¼ö(#·Î ½ÃÀÛ) ¶Ç´Â 16 »ö»ó¸í Áß Çϳª°¡ µÉ ¼ö ÀÖ´Ù. »ö»ó¸íÀº ´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ »ç¿ëµÈ´Ù

»ö»ó¸í°ú RGB °ª
BlackBlack= "#000000" GreenGreen= "#008000"
SilverSilver= "#C0C0C0" LimeLime= "#00FF00"
GrayGray= "#808080" OliveOlive= "#808000"
WhiteWhite= "#FFFFFF" YellowYellow= "#FFFF00"
MaroonMaroon= "#800000" NavyNavy= "#000080"
RedRed= "#FF0000" BlueBlue= "#0000FF"
PurplePurple= "#800080" TealTeal= "#008080"
FuchsiaFuchsia= "#FF00FF" AquaAqua= "#00FFFF"

»ö»ó °ª "#800080"°ú "Purple"Àº °°Àº ÀÚ»öÀ» ³ªÅ¸³½´Ù.

6.5.1 »ö»ó »ç¿ë¿¡ ´ë ÇÑ ÁÖ¼®

»ö»ó »ç¿ëÀÌ ÇöÀúÈ÷ ¹®¼­ÀÇ Á¤º¸¸¦ ´õ Á¦°øÇÏ°í Àб⠽±°ÔÇÏÁö ¸¸, ¹®¼­¿¡ »ö»óÀ» »ç¿ë ½Ã ´ÙÀ½ »çÇ×À» °í·ÁÇ϶ó.

6.6 ±æÀÌ(length)

HTMLÀº ¾ÖÆ®¸®ºäÆ®¿¡ ¼¼°¡ÁöÀÇ ±æÀÌ °ªÀ» ÁöÁ¤ÇÏ°í ÀÖ´Ù.

  1. Pixels: ÀÌ °ª (DTDÀÇ %Pixels;)Àº ½ºÅ©¸°À̳ª Á¾ÀÌ¿¡¼­ ÆѼ¿(pixel) ¼öÀÇ Á¤¼ö¸¦ ³ªÅ¸³½´Ù. ±×·¡¼­ ÀÌ °ª "50" Àº 50°³ÀÇ Çȼ¿À» ¸»ÇÑ´Ù. ÀÚ¼¼ÇÑ pixel Á¤ÀÇ´Â ¹ø¿ª¹® CSS1À» ÂüÁ¶Ç϶ó.
  2. Length: ÀÌ °ª (DTDÀÇ %Length;)Àº %Pixel;À̰ųª, ¶Ç´Â ½ºÅ©¸° ¶Ç´Â °¡¿ë ¼öÆò °ø°£ÀÇ ¹éºÐÀ²ÀÌ µÉ ¼ö ÀÖ´Ù. °ª "50%"´Â °¡¿ë °ø°£ÀÇ ¹ÝÀ» ÀǹÌÇÑ´Ù.
  3. MultiLength: ÀÌ °ª (DTDÀÇ %MultiLength;)Àº %Length; ¶Ç´Â »ó´ë ±æÀÌ°¡ µÉ ¼ö ÀÖ´Ù. »ó´ë ±æÀÌ´Â "i"°¡ Á¤¼ö À϶§ "i*" ÇüÅ°¡ µÈ´Ù. °ø°£À» ¿¤·¹¸àÆ® »çÀÌ¿¡ ¹èÁ¤ ÇÔ¿¡ À־ »ç¿ëµµ±¸´Â Çȼ¿(pixel)°ú ¹éºÐÀ²À» ¸ÕÀú ¹èÁ¤ÇÏ°í, ³ª¸ÓÁö °ø°£À» »ó´ë ±æÀ̵鿡°Ô ¹èÁ¤ÇÑ´Ù. °¢ »ó´ë ±æÀÌ´Â °¡¿ë °ø°£À» "*" ¾Õ Á¤¼ö(i) ºñÀ²·Î ¹èÁ¤ ¹Þ´Â´Ù. "*"ÀÇ °ªÀº 1ÀÌ´Ù. ¸¸ÀÏ »ç¿ëµµ±¸¿¡ ÀÇÇØ pixel°ú ¹éºÐÀ²À» ¹èÁ¤ ÇÑ ´ÙÀ½ ³ª¸ÓÁö °ø°£ÀÌ 60 pixelÀÌ°í, »ó´ë ±æÀÌ°¡ 1*, 2*, 3*À̸é 1*Àº 10 pixel, 2*´Â 20 pixel, 3*Àº 30 pixelÀ» ¹èÁ¤¹Þ°Ô µÇ´Â °ÍÀÌ´Ù.

±æÀÌ °ªÀº ´ë¼Ò¹®ÀÚ Á߸³Àû(case-neutral)ÀÌ´Ù.

6.7 ÄÁÅÙÆ® ŸÀÔ(content type: MIME type)

ÁÖ±â: ¸Þµð¾Æ ŸÀÔ(media type: [RFC2045]¿Í [RFC2046]¿¡ Á¤ÀÇ)Àº ¿¬°á µÈ ÀÚ¿øÀ» ÁöÁ¤ÇÑ´Ù. ÀÌ ±Ô°Ý¿¡¼­´Â ¸Þµð¾Æ ŸÀÔ º¸´Ù ÇöÀç ¸¹ÀÌ »ç¿ëÇÏ°í ÀÖ´Â "ÄÁÅÙÆ® ŸÀÔ(content type)"À̶ó´Â ¿ë¾î¸¦ »ç¿ëÇÏ°í, ¸Þµð¾Æ ŸÀÔÀ̶ó´Â ¿ë¾î´Â »ç¿ëµµ±¸°¡ ¹®¼­¸¦ º¼ ¶§ »ç¿ëÇÏ´Â ¸Þµð¾Æ(media)¸¦ ÁöĪÇÑ´Ù.

ÀÌ Å¸ÀÔÀº DTDÀÇ %ContentType;¿¡ ±â¼úµÇ¾îÀÖ´Ù.

ÄÁÅÙÆ® ŸÀÔ(content type)Àº ´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ »ç¿ëµÈ´Ù.

ÄÁÅÙÆ® ŸÀÔÀÇ ¿¹·Î´Â "text/html", "image/png", "image/gif", "video/mpeg", "audio/basic", "text/tcl", "text/Javascript", "text/vbscript" µîÀÌ ÀÖ´Ù. ÇöÀç µî·Ï µÈ [MIMETYPES] ¸ñ·ÏÀ» ÂüÁ¶Ç϶ó.

ÁÖ±â: ÄÁÅÙÆ® ŸÀÔ "text/css"´Â ÇöÀç IANA¿¡ µî·ÏµÇ¾î ÀÖÁö ¾ÊÀ¸³ª, ¿¬°á µÈ ÀÚ¿øÀÌ[CSS1 ¹ø¿ª¹®] ½ºÅ¸ÀϽ¬Æ®À̸é ÀÌ°ÍÀ» »ç¿ëÇÏ¿©¾ß ÇÑ´Ù.

6.8 ¾ð¾î ÄÚµå

¾ÖÆ®¸®ºäÆ® °ªÀÇ Å¸ÀÔÀÌ ¾ð¾î ÄÚµå (DTDÀÇ %LanguageCode)À̸é Ç׸ñ 2ÀÇ [RFC1766]¿¡ Á¤ÀÇ µÈ ¾ð¾î Äڵ带 ÂüÁ¶ÇÑ´Ù. HTML¿¡¼­ ¾ð¾î Äڵ带 Ç¥½Ã ÇÒ ¶§ ÇÊ¿äÇÑ Á¤º¸´Â ¾ð¾î Äڵ忡 ÀÖ´Ù. language-code ¾È¿¡¼­ °ø°£Àº Çã¿ëµÇÁö ¾Ê´Â´Ù,

¾ð¾î ÄÚµå´Â ´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ »ç¿ëµÈ´Ù.

6.9 ±ÛÀÚ ¿£ÄÚµù

"charset" ¾ÖÆ®¸®ºäÆ®(DTDÀÇ %Charset)´Â ±ÛÀÚ ¿£ÄÚµù Ç׸ñ¿¡ ±â¼úµÇ¾îÀÖ´Ù. °ªÀº IANA µî·Ï(Àüü ¸ñ·ÏÀº [CHARSETS])ÀÇ ¿¹¸¦ µé¾î "euc-jp"¿Í °°Àº ¹®ÀÚ¿­À̾î¾ß ÇÑ´Ù.

±ÛÀÚ ¿£ÄÚµùÀÇ À̸§Àº ´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ »ç¿ëµÈ´Ù.

¿ÜºÎ ÀÚ¿øÀ¸·Î ºÎÅÍÀÇ ±ÛÀÚ ¿£ÄÚµùÀ» ÁöÁ¤Çϱâ À§ ÇØ »ç¿ëµµ±¸´Â ±ÛÀÚ ¿£ÄÚµù ÁöÁ¤ Ç׸ñ¿¡¼­ ¿ä±¸ÇÏ´Â °úÁ¤À» µû¶ó¾ßÇÑ´Ù.

6.10 ´ÜÀÏ ±ÛÀÚ

¾î¶² ¾ÖÆ®¸®ºäÆ®´Â ¹®¼­ ±ÛÀÚ ¼¼Æ®·Î ºÎÅÍ ´ÜÀÏ ±ÛÀÚ¸¦ ºÎ¸¥´Ù. ÀÌµé ¾ÖÆ®¸®ºäÆ® ŸÀÔÀº DTD¿¡¼­ %CharacterÀÌ´Ù.

´ÜÀÏ ±ÛÀÚ´Â ±ÛÀÚ ÂüÁ¶(¿¹: "&")¿¡ ±â¼ú µÇ¾îÀÖ´Ù.

6.11 ÀÏÀÚ¿Í ½Ã°£

[ISO8601]Àº ÀÏÀÚ¿Í ½Ã°£¿¡ ¸¹Àº ¼±Åà »çÇ×°ú ´Ù¾ç ÇÑ Ç¥Çö ¹æ¹ýÀ» Á¦°øÇÑ´Ù. ÇöÀç ±Ô°ÝÀº ¹®¹ý¿¡ ¸Â´Â ÀÏÀÚ/½Ã°£ ¹®ÀÚ¿­ (DTDÀÇ %Datetime)ÀÇ Á¤ÀǸ¦ À§ÇÏ¿© [DATETIME]¿¡ ±â¼úÇÏ°í ÀÖ´Â ¾ç½ÄÀ» »ç¿ëÇÏ°í ÀÖ´Ù.

±× ¾ç½ÄÀº:

 YYYY-MM-DDThh:mm:ssTZD

¿©±â¼­:

    YYYY = ³× ±ÛÀÚ ³âµµ
    MM   = µÎ ±ÛÀÚ ¿ù (01=1¿ù µî)
    DD   = µÎ ±ÛÀÚ ÀÏ (01¿¡¼­ 31±îÁö)
    hh   = µÎ ±ÛÀÚ ½Ã°¢ (00¿¡¼­ 23±îÁö: ¿ÀÀü(am)/¿ÀÈÄ(pm)´Â Çã¿ëÇÏÁö ¾ÊÀ½)
    mm   = µÎ ±ÛÀÚ ºÐ (00 ¿¡¼­ 59±îÁö)
    ss   = µÎ ±ÛÀÚ ÃÊ (00 ¿¡¼­ 59±îÁö)
    TZD  = ½Ã°£ Áö¿ª ÁöÁ¤
½Ã°£ Áö¿ª ÁöÁ¤Àº ¾Æ·¡ Áß ÇϳªÀÌ´Ù.
Z
±¹Á¦ Ç¥ÁØ ½Ã°¢(UTC: Coordinated Universal Time)À» ³ªÅ¸³½´Ù. "Z"´Â ´ë¹®ÀÚ À̾î¾ß ÇÔ.
+hh:mm
ÇöÁö½Ã°¢ÀÌ ±¹Á¦ Ç¥ÁØ ½Ã°¢(UTC)º¸´Ù hh ½Ã°£°ú mm ºÐ ¸ÕÀú °£´Ù´Â °ÍÀ» ÀǹÌÇÑ´Ù.
-hh:mm
ÇöÁö½Ã°¢ÀÌ ±¹Á¦ Ç¥ÁØ ½Ã°¢(UTC)º¸´Ù hh ½Ã°£°ú mm ºÐ ´Ê°Ô °£´Ù´Â °ÍÀ» ÀǹÌÇÑ´Ù.

¹®¹ý°ú ±âÈ£, ±¸µÔÁ¡Àº ²À ¸Â¾î¾ßÇÑ´Ù. ¿©±â¼­ ¹®ÀÚ¿­ ¾ÕÀÇ "T"´Â [ISO8601]¿¡ ±â¼ú µÈ ¹Ù¿Í °°ÀÌ ½Ã°£(ÀÏÀÚ Æ÷ÇÔ) ¿¤·¹¸àÆ®°¡ ½ÃÀ۵ȴٴ ÀǹÌÀÌ¸ç ¹Ýµå½Ã ´ë¹®ÀڷΠǥ½ÃÇÑ´Ù.

¸¸ÀÏ ÀÐÇôÁö´Â ½Ã°£ÀÇ Ãʸ¦ ¸ð¸£¸é µÎ¹ø° °ª¿¡ "00"À» ¾µ ¼ö ÀÖ´Ù(ÇÊ¿äÇÏ´Ù¸é ½Ã°£°ú ºÐ ¸ðµÎ).

ÁÖ±â: [DATETIME]¿¡´Â Ãʸ¦ °Ç³Ê ¶Ù´Â °Í¿¡ ´ë ÇÑ ¼³¸íÀº ¾ø´Ù.

6.12 ¸µÅ© ŸÀÔ(link type)

Á¦ÀÛÀÚ´Â ´ÙÀ½ÀÇ ÀϹÝÀûÀ¸·Î ¾Ë·ÁÁø ¸µÅ© ŸÀÔµé°ú ¼³¸íÀ» ÇÔ²² ÂüÁ¶ ÇÒ ¼ö ÀÖ´Ù. DTD¿¡¼­ %LinkTypesÀÇ °ø°£ ±ÛÀÚ·Î ºÐ¸® µÈ ¸µÅ© ŸÀÔÀÇ ¸ñ·ÏÀ» ÂüÁ¶ÇÑ´Ù. °ø°£ ±ÛÀÚ´Â ¸µÅ© ŸÀÔ¿¡¼­ Çã¿ëµÈ´Ù.

¸µÅ© ŸÀÔÀº ´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ»ç¿ëµÈ´Ù. ¸»ÇÏÀÚ¸é "Alternate"¿Í "alternate"´Â °°Àº Àǹ̷Π»ç¿ëµÈ´Ù.

»ç¿ëµµ±¸, °Ë»ö ¿£Áø µî¿¡¼­ ¸µÅ© ŸÀÔÀ» ´Ù¸¥ ¹æ½ÄÀ¸·Î Çؼ® ÇÒ ¼ö µµ ÀÖ´Ù. ¿¹¸¦ µé¾î »ç¿ëµµ±¸´Â Ç×ÇØ ¹Ù(navigation bar)¸¦ ÅëÇÏ¿© ¿¬°á µÈ ¹®¼­¿¡ Á¢¼ÓÀ» Á¦°øÇϱ⵵ÇÑ´Ù.

´ëü(Alternate)
¿¬°áµÇ´Â ¹®¼­ÀÇ ´Ù¸¥ ´ëü ¹öÀü(version)À» ÁöÁ¤ ÇÔ. lang ¾ÖÆ®¸®ºäÆ®¿Í °°ÀÌ »ç¿ëµÇ¸é ¹®¼­ÀÇ ¹ø¿ª µÈ ¹öÀü ÀÓÀ» ¾Ï½ÃÇÏ°í, ¸Þµð¾Æ(media) ¾ÖÆ®¸®ºäÆ®¿Í °°ÀÌ »ç¿ë µÇ¸é ´Ù¸¥ ¸Þµð¾Æ¸¦ À§ ÇØ ÁöÁ¤ µÈ ¹öÀü ÀÓÀ» ¾Ï½ÃÇÑ´Ù.
½ºÅ¸ÀϽ¬Æ®(stylesheet)
¿ÜºÎ ½ºÅ¸ÀϽ¬Æ®¸¦ ÀÇ¹Ì ÇÔ. ¼¼ºÎ»çÇ×Àº ¿ÜºÎ ½ºÅ¸ÀϽ¬Æ®(external style sheet) Ç׸ñÀ» ÂüÁ¶Ç϶ó. »ç¿ëÀÚ°¡ ¼±ÅÃÀûÀ¸·Î »ç¿ë ÇÒ ¼ö ÀÖ´Â ´Ù¸¥ ½ºÅ¸ÀϽ¬Æ®µµ °°ÀÌ ¾µ °æ¿ì ¸µÅ© ŸÀÔÀ» "Alternate"¿Í °°ÀÌ »ç¿ëÇÑ´Ù.
½ÃÀÛ(Start)
¿©·¯ ¹®¼­µé Áß¿¡¼­ ù¹ø° ¹®¼­¸¦ ¸» ÇÔ. ÀÌ ¸µÅ© ŸÀÔÀº °Ë»ö ¿£Áø¿¡°Ô Á¦ÀÛÀÚ°¡ ¾î¶² ¹®¼­·Î ºÎÅÍ °Ë»öÀ» ½ÃÀÛ ÇÒ °ÍÀΰ¡¸¦ ¾Ë·Á ÁØ´Ù.
´ÙÀ½(Next)
¿¬¼Ó µÈ ¼ø¼­ÀÇ ¹®¼­µé·Î ºÎÅÍ ´ÙÀ½ ¹®¼­¸¦ ¸» ÇÔ. »ç¿ëµµ±¸´Â ½Ã°£À» Àý¾àÇϱâ À§ÇÏ¿© "´ÙÀ½(next)" ¹®¼­¸¦ ¹Ì¸® ÀÐ¾î µéÀÏ(preload) ¼ö ÀÖ´Ù.
ÀÌÀü(Prev)
¿¬¼Ó µÈ ¼ø¼­ÀÇ ¹®¼­µé·Î ºÎÅÍ ÀÌÀü ¹®¼­¸¦ ¸» ÇÔ. ÀϺΠ»ç¿ëµµ±¸´Â µ¿ÀǾî "ÀÌÀü(Previous)"À» Áö¿øÇÑ´Ù.
³»¿ë(Contents)
³»¿ë ¸ñ·Ï Ç¥(table)·Î ¹®¼­¸¦ Áö¿ø ÇÔÀ» ÀÇ¹Ì ÇÔ. ÀϺΠ»ç¿ëµµ±¸´Â °°Àº Àǹ̷Π¸ñ·Ï(ToC: "Table of contents"ÀÇ ¾àÀÚ) ±â´ÉÀ» Áö¿øÇÑ´Ù.
»öÀÎ(Index)
ÇöÀç ¹®¼­ÀÇ »öÀÎ(index)À¸·Î Á¦°ø ÇÔ.
¸ðµë(Glossary)
ÇöÀç ¹®¼­ÀÇ ÁÖ¿ä ³»¿ë¿¡ ´ëÇÑ ¿ë¾î ¸ðµëÀ¸·Î Á¦°ø ÇÔ.
ÀúÀÛ±Ç(Copyright)
ÇöÀç ¹®¼­ÀÇ ÀúÀÛ±ÇÀ» ¼±¾ð ÇÔ.
Àå(Chapter)
¹®¼­µéÀÇ ¸ðµëÀ» Àå(chapter)·Î Áö¿ø ÇÔ.
Ç׸ñ(Section)
¹®¼­µéÀÇ ¸ðµëÀ» Ç׸ñ(section)À¸·Î Áö¿ø ÇÔ.
ÇÏÀ§ Ç׸ñ(Subsection)
¹®¼­µéÀÇ ¸ðµëÀ» ÇÏÀ§ Ç׸ñ(subsection)À¸·Î Áö¿ø ÇÔ.
ºÎ·Ï(Appendix)
¹®¼­µéÀÇ ¸ðµëÀ» ºÎ·Ï(Appendix)À¸·Î Áö¿ø ÇÔ.
µµ¿ò¸»(help)
¹®¼­ÀÇ µµ¿ò¸»(help)·Î Á¦°ø ÇÔ(Ãß°¡ Á¤º¸, Á¤º¸ ÀÚ¿ø¿¡ ¿¬°á µî).
ºÏ¸¶Å©(bookmark)
È®Àå µÈ ¹®¼­ ¾È¿¡¼­ ¿¬°á ÀÔ·Â Å°ÀÎ ºÏ¸¶Å©(bookmark)ÀÇ Á¦°øÀ» ¸» ÇÔ. ºÏ¸¶Å©ÀÇ À̸§À» ºÎ¿©ÇÏ´Â title ¾ÖÆ®¸®ºäÆ®¸¦ »ç¿ë ÇÒ ¼ö ÀÖ´Ù. ÇÑ ¹®¼­¿¡ ¿©·¯°³ÀÇ ºÏ¸¶Å©µéÀ» °¡Áú ¼ö ÀÖ´Ù.

Á¦ÀÛÀÚ´Â ÀÌ ±Ô°ÝÀÌ Á¤ÀÇÇÏÁö ¾ÊÀº Ãß°¡ÀûÀÎ ¸µÅ© ŸÀÔÀÇ »ç¿ë¸¦ ¿ø ÇÒ ¼ö ÀÖ´Ù. ÀÌ·± °æ¿ì ¸µÅ© ŸÀÔ(link type)ÀÇ Á¤ÀÇ¿¡ »ç¿ë ÇÑ ³»¿ëÀ» ÀοëÇϱâ À§ÇÏ¿© profileÀ» »ç¿ëÇÑ´Ù. ¼¼ºÎ»çÇ×Àº HEAD ¿¤·¹¸àÆ®ÀÇ profile ¾ÖÆ®¸®ºäÆ®¸¦ ÂüÁ¶Ç϶ó.

¸µÅ© ŸÀÔÀÇ Ãß°¡ÀûÀÎ ¼³¸íÀº HTML ¹®¼­ÀÇ ¿¬°áÀ» ÂüÁ¶Ç϶ó.

6.13 ¸Þµð¾Æ ¼³¸íÀÚ(Media descriptor)

´ÙÀ½Àº Àß ¾Ë·ÁÁø ¸Þµð¾Æ ¼³¸íÀÚ(Media descriptor: DTDÀÇ %MediaDesc)µéÀÇ ¸ñ·ÏÀÌ´Ù.

È­¸é(screen)
ÂÊ ¼ö°¡ ¾ø´Â(non-paged) ÄÄÇ»ÅÍ È­¸éÀ» À§ÇÏ¿©.
Å͹̳¯(tty)
ŸÀÚ±â, Å͹̳¯ ¶Ç´Â ¿î¹Ý ÀåÄ¡ µî°ú °°Àº Á¦ÇÑ µÈ µð½ºÇ÷¹ÀÌ ´É·ÂÀ» °¡Áø ÀÏÁ¤ÇÑ ±ÛÀÚ °£°Ý(fixed-pitch)À» »ç¿ëÇÏ´Â ¸Þµð¾Æ¸¦ À§ÇÏ¿©.
ÅÚ·¹ºñÁ¯(tv)
ÅÚ·¹ºñÁ¯ ŸÀÔ ÀåÄ¡(Àú ÇØ»óµµ, »ö»ó, Á¦ÇÑ µÈ È­¸é ±¼¸²)¸¦ À§ÇÏ¿©.
ÇÁ·ÎÁ§ÅÍ(projection)
ÇÁ·ÎÁ§Å͸¦ À§ÇÏ¿©.
¼öµ¿ÀåÄ¡(handheld)
¼Õ À§¿¡¼­ ÀÛµ¿ÇÏ´Â ÀåÄ¡(ÀÛÀº È­¸é, ´Ü»ö, ºñÆ®¸Ê ±×·¡ÇÈ, Á¦ÇÑ µÈ ÁÖÆļö´ë)¸¦ À§ÇÏ¿©.
Àμâ(print)
ÂÊ ¼ö ÀÖ´Â ºÒÅõ¸í ¹°Áú°ú ÀμâÀÇ ¹Ì¸®º¸±â È­¸éÀ» À§ÇÏ¿©.
Á¡ÀÚ(braille)
ÃË°¨À¸·Î Á¡ÀÚ¸¦ Àд ÀåÄ¡¸¦ À§ÇÏ¿©.
À½¼º ÀåÄ¡(aural)
À½¼º Á¶ÇÕ ÀåÄ¡(speech synthesizer)¸¦ À§ÇÏ¿©.
¸ðµç ÀåÄ¡(all)
¸ðµç ÀåÄ¡¿¡ ÀûÇÕÇÏ°Ô.

Çâ ÈÄ HTML ¹öÀü¿¡¼­´Â »õ·Î¿î °ªÀÌ ¼Ò°³ µÉ °ÍÀÌ°í, ÆĶó¸ÞÅÍ(parameter)·Î µÈ °ªÀÌ Çã¿ë µÉ °ÍÀÌ´Ù. ÀÌµé »õ·Î¿î È®ÀåÀ» ¼ö¿ëÇϱâ À§ÇÏ¿© HTML ±Ô°Ý¿¡ ¸Â´Â »ç¿ëµµ±¸´Â ¾Æ·¡¿Í °°ÀÌ media ¾ÖÆ®¸®ºäÆ® °ªÀ» Çؼ®(parse) ÇÒ ¼ö ÀÖ¾î¾ß ÇÑ´Ù.

  1. °ªÀº Äĸ¶(,)·Î ºÐ¸® µÈ ÀÔ·Â ´ÜÀ§ÀÇ ¸ñ·ÏÀ¸·Î, ¿¹¸¦ µé¸é,
    media="screen, 3d-glasses, print and resolution> 90dpi"
    ÀÌ´Â ´ÙÀ½°ú °°ÀÌ ¹è¿­µÈ´Ù.
    "screen"
    "3d-glasses"
    "print and resolution> 90dpi"
    
  2. °¢ ÀÔ·Â ´ÜÀ§´Â US ASCII ±ÛÀÚ['a'-'z', 'A'-'Z': Unicode 10Áø¼ö 65-90, 97-122), ¼ýÀÚ['0'-'9': Unicode hex 30-39), ¶Ç´Â ÇÏÀÌÇÂ('-': 45)ÀÌ ¾Æ´Ñ ±ÛÀÚ¸¦ ¸¸³ª¸é ±× µÚ´Â Àß·Á ³ª°£´Ù. ¿¹Á¦¿¡¼­´Â ±× °á°ú:
    "screen"
    "3d-glasses"
    "print"
    
  3. ´ë¼Ò¹®ÀÚ ±¸º°ÇÏ¿© À§¿¡¼­ ¼³Á¤ ÇÑ ¸Þµð¾Æ ŸÀÔ°ú ÀÏÄ¡ÇÏ´Â °ÍÀ¸·Î ÁöÁ¤µÈ´Ù. »ç¿ëµµ±¸´Â ¸ÂÁö ¾Ê´Â ÀÔ·Â ´ÜÀ§¸¦ ¹«½Ã ÇÒ ¼ö ÀÖ´Ù. À§ ¿¹Á¦¿¡¼­´Â screen°ú print°¡ ³²´Â´Ù.

ÁÖ±â: ½ºÅ¸ÀϽ¬Æ®´Â ¸Þµð¾Æ¿Í ¿¬°ü µÈ º¯È­¸¦ ±× ¾È¿¡ Æ÷ÇÔ ÇÒ ¼ö ÀÖ´Ù(¿¹: CSS @media construct). ÀÌ °æ¿ì´Â "media=all"¸¦ »ç¿ëÇÏ´Â °ÍÀÌ ÀûÀý ÇÒ °ÍÀÌ´Ù.

6.14 ½ºÅ©¸³Æ® µ¥ÀÌÅÍ(Script data)

½ºÅ©¸³Æ® µ¥ÀÌÅÍ(DTD¿¡¼­ %Script;)´Â SCRIPT ¿¤·¹¸àÆ®ÀÇ ÄÁÅÙÆ®¿Í ¿ø·¡ÀÇ À̺¥Æ® ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀÌ µÉ ¼ö ÀÖ´Ù. »ç¿ëµµ±¸´Â ½ºÆ®¸³Æ® µ¥ÀÌÅ͸¦ HTML ÀÛ¼º ¹®¼­·Î Çؼ®Çؼ­´Â ¾ÊµÇ°í ±×´ë·Î ½ºÅ©¸³Æ® ¿£Áø¿¡ Àü´ÞÇÏ¿©¾ß ÇÑ´Ù.

½ºÅ©¸³Æ® µ¥ÀÌÅÍÀÇ ´ë¼Ò¹®ÀÚ ±¸º°¼º(case-sensitivity)Àº ½ºÅ©¸³Æ® ¾ð¾î¿¡ µû¶ó ´Ù¸£´Ù.

¿¤·¹¸àÆ® ÄÁÅÙÆ®ÀÎ ½ºÅ©¸³Æ® µ¥ÀÌÅÍ´Â ±ÛÀÚ ÂüÁ¶¸¦ Æ÷ÇÔ ÇÒ ¼ö ¾øÀ¸³ª ½ºÅ©¸³Æ® µ¥ÀÌÅÍ°¡ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀÌ¸é ±ÛÀÚ ÂüÁ¶¸¦ Æ÷ÇÔ ÇÒ ¼ö ÀÖ½¿¿¡ ÁÖÀÇÇ϶ó. ºñ HTML µ¥ÀÌÅÍÀÇ ÁöÁ¤¿¡ ´ëÇÏ¿© ºÎ·Ï¿¡ Ãß°¡ÀûÀÎ Á¤º¸°¡ Á¦°ø µÇ¾ú´Ù.

6.15 ½ºÅ¸ÀϽ¬Æ® µ¥ÀÌÅÍ(Style sheet data)

½ºÅ¸ÀϽ¬Æ® µ¥ÀÌÅÍ(DTD¿¡¼­ %stylesheet;)´Â STYLE ¿¤·¹¸àÆ®ÀÇ ÄÁÅÙÆ®¿Í style ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀÌ µÉ ¼ö ÀÖ´Ù. »ç¿ëµµ±¸´Â ½ºÆ®¸³Æ® µ¥ÀÌÅ͸¦ HTML ÀÛ¼º ¹®¼­·Î Çؼ®Çؼ­´Â ¾ÈµÈ´Ù.

½ºÅ©¸³Æ® µ¥ÀÌÅÍÀÇ ´ë¼Ò¹®ÀÚ ±¸º°¼ºÀº ½ºÅ¸ÀϽ¬Æ® ¾ð¾î¿¡ µû¶ó ´Ù¸£´Ù.

¿¤·¹¸àÆ® ÄÁÅÙÆ®ÀÎ ½ºÅ¸ÀϽ¬Æ® µ¥ÀÌÅÍ´Â ±ÛÀÚ ÂüÁ¶¸¦ Æ÷ÇÔ ÇÒ ¼ö ¾øÀ¸³ª, ½ºÅ¸ÀϽ¬Æ® µ¥ÀÌÅÍ°¡ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀÌ¸é ±ÛÀÚ ÂüÁ¶¸¦ Æ÷ÇÔ ÇÒ ¼ö ÀÖ½¿¿¡ ÁÖÀÇÇ϶ó. ºñ HTML µ¥ÀÌÅÍÀÇ ÁöÁ¤¿¡ ´ëÇÏ¿© ºÎ·Ï¿¡ Ãß°¡ÀûÀÎ Á¤º¸°¡ Á¦°ø µÇ¾ú´Ù.

6.16 ÇÁ·¹ÀÓ ¸ñÇ¥(target) À̸§

¾Æ·¡ ¸í½Ã µÈ ¿¹¾à¾î¸¦ Á¦¿ÜÇÏ°í´Â ÇÁ·¹ÀÓ ¸ñÇ¥ À̸§(DTDÀÇ %FrameTarget;)Àº ¾ËÆĺª(a-z, A-Z) ±ÛÀÚ·Î ½ÃÀÛÇÏ¿©¾ß ÇÑ´Ù. »ç¿ëµµ±¸´Â ´Ù¸¥ ¸ðµç ¸ñÇ¥ À̸§À» ¹«½ÃÇÏ¿©¾ß ÇÑ´Ù.

´ÙÀ½ ¸ñÇ¥ À̸§µéÀº ¿¹¾àµÇ¾úÀ¸¸ç Ư¼öÇÑ Àǹ̸¦ °®´Â´Ù.

_blank
»ç¿ëµµ±¸´Â »õ·Î¿î, À̸§ÀÌ ¾ø´Â À©µµ¿ì¸¦ ¿¬´Ù.
_self
»ç¿ëµµ±¸´Â ÀÌ ¸ñÇ¥¸¦ Áö½ÃÇÏ´Â ¿¤·¹¸àÆ®¿Í °°Àº ÇÁ·¹ÀÓ¿¡ ¹®¼­¸¦ ·ÎµåÇÏ¿©¾ß ÇÑ´Ù.
_parent
»ç¿ëµµ±¸´Â ÇöÀç ÇÁ·¹ÀÓÀÇ ¹Ù·Î FRAMESET ¸ðü ÇÁ·¹ÀÓ¿¡ ¹®¼­¸¦ ·ÎµåÇÏ¿©¾ß ÇÑ´Ù. ¸¸ÀÏ ÇöÀç ÇÁ·¹ÀÓÀÌ ¸ðü ÇÁ·¹ÀÓÀ» °®°í ÀÖÁö ¾ÊÀ¸¸é ÀÌ °ªÀº _self¿Í °°´Ù.
_top
»ç¿ëµµ±¸´Â ¸ðµç ÇÁ·¹ÀÓÀ» Á¦°ÅÇÏ°í ÀüüÀÎ ÃÖÃÊÀÇ À©µµ¿ì¿¡ ¹®¼­¸¦ ·ÎµåÇÏ¿©¾ß ÇÑ´Ù. ¸¸ÀÏ ÇöÀç ÇÁ·¹ÀÓÀÌ ¸ðü ÇÁ·¹ÀÓÀ» °®°í ÀÖÁö ¾ÊÀ¸¸é ÀÌ °ªÀº _self¿Í °°´Ù.
ÀÌ Trio ȨÆäÀÌÁö ¹®¼­(http://trio.co.kr/webrefer/html40/types.html)´Â ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.