1-1-3.<script> ű×

½ºÅ©¸³Æ®´Â º°µµÀÇ ºÐ¸®µÈ ÄÚµå ÆÄÀÏ¿¡ ÀÛ¼ºÇÒ ¼öµµ ÀÖ°í HTML ¹®¼­ ¾È¿¡ °°ÀÌ ÀÛ¼ºÇÒ ¼öµµ ÀÖ´Ù. °£´ÜÇÑ ³»¿ëÀº HTML ÆÄÀϾȿ¡ ÀÛ¼ºÇ쵂 ¹®¼­ÀÇ ³»¿ë°ú ¸íÈ®ÇÏ°Ô ±¸ºÐµÇ´Â <script> ÅÂ±× ¾È¿¡ ÀÛ¼ºÇÑ´Ù. ´ÙÀ½ÀÌ °¡Àå °£´ÜÇÑ ¿¹Á¦ÀÌ´Ù.

 

scripttag.html

<!DOCTYPE html>

<html>

<head>

     <meta charset="utf-8">

     <title>scripttag</title>

</head>

<body>

     <p>ű׷ΠÀÛ¼ºÇÑ ¹®´ÜÀÔ´Ï´Ù.</p>

     <script>

         document.write("¾È³çÇϼ¼¿ä.");

     </script>

</body>

</html>

 

<body> ÅÂ±× ¾È¿¡ <p> ű׷Π¹®´ÜÀ» ¹èÄ¡ÇÏ°í ±× ¾Æ·¡ÂÊÀÇ <script> ű׿¡ ¹®ÀÚ¿­À» Ãâ·ÂÇÏ´Â °£´ÜÇÑ ½ºÅ©¸³Æ®¸¦ ÀÛ¼ºÇß´Ù. ½ÇÇàÇØ º¸¸é µÑ ´Ù Ãâ·ÂµÈ´Ù. À§ÂÊ ¹®´ÜÀº HTML ¹®¼­¿¡ ÀÇÇØ Á¤ÀûÀ¸·Î ÀÛ¼ºµÈ °ÍÀÌ¸ç ¾Æ·¡ÂÊ ¹®´ÜÀº ½ºÅ©¸³Æ®¿¡ ÀÇÇØ ½ÇÇàÁß¿¡ Ãâ·ÂµÈ °ÍÀÌ´Ù.

<script> ~ </script> ÅÂ±× ºí·Ï¾È¿¡ Äڵ带 ÀÛ¼ºÇϸç ÀÌ ºí·Ï ¾È¿¡¼­´Â HTML ¹®¹ýÀÌ ¾Æ´Ñ ÀÚ¹Ù½ºÅ©¸³Æ® ¹®¹ýÀÌ Àû¿ëµÈ´Ù. ºê¶ó¿ìÀú´Â ½ºÅ©¸³Æ® Äڵ带 Çؼ®ÇÏ¿© ½ÇÇàÇÏ¸ç ¾î¶² Äڵ带 ÀÛ¼ºÇϴ°¡¿¡ µû¶ó À¥ ÆäÀÌÁöÀÇ µ¿ÀÛÀÌ Á¤ÀǵȴÙ. document.write´Â ¹®ÀÚ¿­ Ãâ·Â ¸í·ÉÀÌ¸ç °ýÈ£¾ÈÀÇ ¹®ÀÚ¿­À» À¥ ÆäÀÌÁö¿¡ Ãâ·ÂÇÑ´Ù. ÀÌ Äڵ忡 ÀÇÇØ "¾È³çÇϼ¼¿ä"¶ó´Â ¹®ÀÚ¿­ÀÌ Ãâ·ÂµÇ´Âµ¥ Á¤ÀûÀ¸·Î ÀÛ¼ºÇÑ ÆäÀÌÁö¿Í´Â ´Þ¸® Àü´ÞÇÏ´Â ¹®ÀÚ¿­¿¡ µû¶ó Ãâ·Â ³»¿ëÀÌ ´Þ¶óÁø´Ù.

ÇöÀç´Â <script> ÅÂ±× ¾È¿¡ Äڵ常 ÀÛ¼ºÇÏ´Â ½ÄÀ¸·Î ½ºÅ©¸³Æ® Çü½ÄÀÌ ±²ÀåÈ÷ °£´ÜÇÏ´Ù. ±×·¯³ª °ú°Å¿¡´Â ½ºÅ©¸³Æ®ÀÇ Á¾·ù°¡ ¸¹¾Ò°í ºê¶ó¿ìÀú¸¶´Ù ½ºÅ©¸³Æ® Áö¿ø ¼öÁØÀÌ ´Þ¶ó ÀÌ·¸°Ô ´Ü¼øÇÏÁö ¾Ê¾Ò´Ù. ¾ó¸¶Àü±îÁö¸¸ Çصµ À§ ÄÚµå´Â ´ÙÀ½°ú °°ÀÌ º¹ÀâÇÏ°Ô ±â¼úÇß¾ú´Ù.

 

<script type="text/javascript">

     <!--

         document.write("¾È³çÇϼ¼¿ä.");

     -->

     <noscript>

         <p>ÀÌ ºê¶ó¿ìÀú´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Áö¿øÇÏÁö ¾Ê½À´Ï´Ù.</p>

     </noscript>

</script>

 

½ºÅ©¸³Æ®ÀÇ Á¾·ù°¡ ¸¹¾Æ <script> ű×ÀÇ type ¼Ó¼ºÀ¸·Î ¾î¶² ½ºÅ©¸³Æ®ÀÎÁö ¹àÇô¾ß ÇÑ´Ù. ¶ÇÇÑ °°Àº ½ºÅ©¸³Æ®¶óµµ ¹öÀü¿¡ µû¶ó ±â´ÉÀÌ Á¶±Ý¾¿ ´Ù¸¦ ¼ö ÀÖ¾î language ¼Ó¼ºÀ¸·Î Á¤È®ÇÑ ¹öÀüÀ» ¹àÈ÷±âµµ Çß´Ù. ´ÙÇàÈ÷ HTML 4.01¿¡¼­ language ¼Ó¼ºÀº Æó±âµÇ¾ú´Ù. ÇöÀç±îÁö ¹ßÇ¥µÈ ½ºÅ©¸³Æ®ÀÇ Á¾·ù´Â ´ÙÀ½°ú °°´Ù.

 

text/javascript

text/ecmascript

text/vbscript

text/jscript

 

½ºÅ©¸³Æ® Äڵ带 HTML ÁÖ¼®À¸·Î °¨½Î´Â ÀÌÀ¯´Â ½ºÅ©¸³Æ®¸¦ ÀνÄÇÏÁö ¸øÇÏ´Â ºê¶ó¿ìÀú°¡ Äڵ带 HTML ¹®¼­¿¡ Ãâ·ÂÇÏ´Â °ÍÀ» ¹æÁöÇϱâ À§Çؼ­ÀÌ´Ù. ºê¶ó¿ìÀú´Â ÀÚ½ÅÀÌ ÀÌÇØÇÏÁö ¸øÇÏ´Â ±¸¹®Àº ÀÖ´Â ±×´ë·Î ¹ñ¾î ³»±â ¶§¹®ÀÌ´Ù. ÁÖ¼®À¸·Î ¸·¾Æ ³õ¾Æµµ ½ºÅ©¸³Æ® ¿£ÁøÀº HTML ÁÖ¼® ¾ÈÀÇ Äڵ带 ÀÐ¾î ½ÇÇàÇÑ´Ù. ÁÖ¼®Àº ¿ø·¡ ¼³¸íÀ» ´Ù´Â ¿ëµµ·Î »ç¿ëÇÏ´Â °ÍÀε¥ ±¸Çü ºê¶ó¿ìÀú¸¦ À§ÇÑ ¿¡·¯ ¹æÁö¿ëÀ¸·Î »ç¿ëÇÑ °ÍÀÌ´Ù.

¸ðµç ºê¶ó¿ìÀú°¡ ½ºÅ©¸³Æ®¸¦ Àǹ«ÀûÀ¸·Î Áö¿øÇÏ´Â °ÍÀº ¾Æ´Ï¸ç ÃֽŠºê¶ó¿ìÀúµµ º¸¾È»óÀÇ ÀÌÀ¯·Î ½ºÅ©¸³Æ® ½ÇÇàÀ» ±ÝÁöÇÏ´Â °æ¿ì°¡ ÀÖ´Ù. <noscript> ű״ ºê¶ó¿ìÀú°¡ ½ºÅ©¸³Æ®¸¦ ÀνÄÇÏÁö ¸øÇÒ ¶§ ´ë½Å Ãâ·ÂÇÒ ³»¿ëÀ» ÁöÁ¤Çϸç ÁÖ·Î °£´ÜÇÑ ¾È³»¹®À» ÀÛ¼ºÇÑ´Ù. XHTML ºê¶ó¿ìÀú´Â ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ带 ¾û¶×ÇÏ°Ô Çؼ®ÇÏ´Â ¹®Á¦°¡ ÀÖ¾î Ä¿½ºÅÒ µ¥ÀÌÅÍ ¿µ¿ªÀÎ CDATA ¼½¼ÇÀ¸·Î °¨½Î±âµµ Çß¾ú´Ù.

 

<script type="text/javascript">

     //<![CDATA[

         document.write("¾È³çÇϼ¼¿ä.");

     //]]>

</script>

 

ºê¶ó¿ìÀú¸¶´Ù ÀνÄÇÏ´Â ½ºÅ©¸³Æ® ¾ð¾î°¡ ´Ù¸¥µ¥´Ù ½ºÅ©¸³Æ®¸¦ ¾Æ¿¹ ÀνÄÇÏÁö ¸øÇÏ´Â ºê¶ó¿ìÀú±îÁö °í·ÁÇØ¾ß ÇÑ´Ù. ±×·¡¼­ °ú°Å¿¡´Â ¸ÖƼ ºê¶ó¿ìÀú Áö¿øÀ» À§ÇØ ¾ÆÁÖ °£´ÜÇÑ µ¿ÀÛÀÌ¶óµµ ¾ð¾î¿¡ µû¶ó, ¹öÀü¿¡ µû¶ó ÀÌÁß, »ïÁßÀ¸·Î ´Ù¸¥ ½ºÅ©¸³Æ®¸¦ ÀÛ¼ºÇØ¾ß Çß´Ù. º¸±â¸¸ Çصµ ¸Ö¹Ì°¡ ³¯ Áö°æÀ̸ç ÀÌ·± Äڵ带 °ü¸®ÇÏ´Â °ÍÀº ´õ °ñÄ¡ ¾ÆÇ ÀÏÀÌ´Ù.

 

<script type="text/javascript">

     // ³Ý½ºÄÉÀÌÇÁÀÏ ¶§ÀÇ ÄÚµå

</script>

<script type="text/vbscript">

     // IEÀÏ ¶§ÀÇ ÄÚµå

</script>

<noscript>

     <p>ÀÌ ºê¶ó¿ìÀú´Â ½ºÅ©¸³Æ®¸¦ Áö¿øÇÏÁö ¾Ê½À´Ï´Ù.</p>

</noscript>

 

´ÙÇàÈ÷ HTML5¿¡¼­´Â ÀÌ·± »çÁ¤ÀÌ ¸¹ÀÌ °³¼±µÇ¾ú´Ù. °ú°ÅÀÇ Àâ´ÙÇÑ ½ºÅ©¸³Æ®´Â ´õ ÀÌ»ó »ç¿ëµÇÁö ¾ÊÀ¸¸ç ¿À·ÎÁö ÀÚ¹Ù½ºÅ©¸³Æ®¸¸ Ç¥ÁØÀ¸·Î äÅõǾú´Ù. ½ºÅ©¸³Æ®¸¦ ÀνÄÇÏÁö ¸øÇÏ´Â ºê¶ó¿ìÀúµµ ¾ø°í XHTMLÀº ¿ÏÀüÈ÷ Æó±âµÇ¾ú´Ù. ±×·¡¼­ ÀÌÁ¦´Â Àú·± ÁöÀúºÐÇÑ Çü½ÄÀ» ¾µ ÇÊ¿ä¾øÀÌ <script> ÅÂ±× ¾È¿¡¸¸ Äڵ带 ÀÛ¼ºÇÏ¸é µÈ´Ù. ¼±¹èµéÀº ÀÌ·± ¿­¾ÇÇÑ È¯°æ¿¡¼­ ±×¾ß¸»·Î °³°í»ýÀ» ÇßÁö¸¸ ¿ì¸®´Â ÈξÀ ´õ ±ò²ûÇÑ È¯°æ¿¡¼­ °³¹ßÇÒ ¼ö ÀÖ°Ô µÇ¾î õ¸¸ ´ÙÇàÀÌ´Ù.

°á·ÐÀº °£´ÜÇÏÁö¸¸ °ú°Å¿¡´Â ÀÌ·± Çü½ÄÀ» »ç¿ëÇßÀ½À» »ó½ÄÀûÀ¸·Î ¾Ë°í ÀÖ¾î¾ß ÇÑ´Ù. ÀÌÀü¿¡ ÀÛ¼ºµÈ ½ºÅ©¸³Æ® Äڵ尡 À§ Çü½Ä Áß Çϳª·Î ÀÛ¼ºµÇ¾î ÀÖ´Ù¸é ºÒ°¡ÇÇÇÑ ¿ª»çÀûÀÎ ÀÌÀ¯°¡ À־ÀÌ´Ù. ÀÌ»óÇÏ°Ô »ý°¢ÇÒ ÇÊ¿ä¾øÀÌ type ¼Ó¼ºÀ̳ª ÁÖ¼® ±¸¹®Àº »©°í ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ常 °¡Á® ¿À¸é °ú°ÅÀÇ Äڵ带 ¾ó¸¶µçÁö Àç»ç¿ëÇÒ ¼ö ÀÖ´Ù.