ͤå:W3C®Ö¤ß¼Ë¦¡
^¤å: http://www.w3.org/Style/
»¡©ú:
ĶªÌ:³¢·Ø«C
(This page uses CSS style sheets)
“§Æ±æ¦b±N¨Ó¸Uºûºôªº³Ð·s¯à¦V¸UºûºôÁp·ùP¤O©ó¶¥¼h¼Ë¦¡ªí¾ð¥ßªºº]¼Ë¬Ý»ô”
— Jakob Nielsen
½Ð¬Ý¶¥¼h¼Ë¦¡ªí(CSS)©M¥iÂX®i¼Ë¦¡ªí»y¨¥(XSL)·s¼W¤º®eªº³¡¤À.
¼Ë¦¡ªí´yz¤å¥ó¬O«ç»ò¼Ë¦b¿Ã¹õ¤W¦L¨ê«~¤W©Ó²{,¤S ©Î³\¬O«ç»ò¼Ëµo¥Xµ. W3C¦Û1994¦~¦¨¥ß«á¤@ª½«Ü¿n·¥ªº«P¶i¦b¸Uºûºô¤W¼Ë¦¡ªíªº¨Ï¥Î. ¼Ë¦¡¬¡°Ê²£¥Í¤F¼ÆÓW3C¥i¨ú¤§³B ( ¶¥¼h¼Ë¦¡ªí1, ¶¥¼h¼Ë¦¡ªí2, XML¸ô®|, XSLÂà´«»y¨¥ ). ¯S§O¬O¼Ë¦¡ªí¦bÂsÄý¾¹ùتº¼s½d¹ê¬I.
¥Ñªþ¦³¼Ë¦¡ªí³Qºc³yªº¤å¥ó¦b¸Uºûºô¤W (¨Ò¦p: HTML), §@ªÌ©MŪªÌ¥i¥H¼vÅT¤å¥óªº®i¥Ü«o¨S¦³Ä묹»P³]³ÆµLÃöªº©Î¼W¥[.
¶}©l¸ÕÅç¼Ë¦¡ªí³Ì®e¥²©öªº¤è¦¡¬O¥h§ä¨ì¤@Ӥ䴩¶¥¼h¼Ë¦¡ªíªºÂsÄý¾¹. ¦³Ãö©ó¼Ë¦¡ªíªº°Q½×¦bwww-style@w3.org¶l±H¦W³æ¥H¤Îcomp.infosystem.www.authoring.stylesheets¤¤°õ¦æ.
W3C¼Ë¦¡¬¡°Ê¤]¥¿¦bµo®i¥iÂX®i¼Ë¦¡ªí»y¨¥(XSL), ¥¦¥]§tXSLÂà´«»y¨¥¤Î"XSL®æ¦¡¤Æª«¥ó" (XSL-FO).
·Qª¾¹D¿ï¾Ü¨ºÓ? Ū ¶¥¼h¼Ë¦¡ªí(CSS) & ¥iÂX®i¼Ë¦¡ªí»y¨¥(XSL)
2W3C°£¤F¶¥¼h¼Ë¦¡ªí(CSS)¤§¥~ÁÙ¶}µo¤F¥iÂX®i¼Ë¦¡ªí»y¨¥(XSL)ªº½T¾ÉP¤F¤@¨Ç²V¶Ã. ¬°¤°»ò¶}µo²Ä¤GºØ»y¨¥·í°õ¦æªÌ¬Æ¦Ó¨S§¹¦¨²Ä¤@Ó? µª®×¥i¥H¦b¥H¤Uªí®æ¤¤§ä¨ì:
| ¶¥¼h¼Ë¦¡ªí(CSS) | ¥iÂX®i¼Ë¦¡ªí»y¨¥(XSL) | |
|---|---|---|
| ¯à»PHTML¤@°_¨Ï¥Î | ¥i | ¤£¥i |
| ¯à»PXML¤@°_¨Ï¥Î | ¥i | ¥i |
| ÅÜ®æ»y¨¥ | ¤£¥i | ¥i |
| »yªk³W«h | ¶¥¼h¼Ë¦¡ªí(CSS) | ¥iÂX®i¼Ð°O»y¨¥(XML) |
¶¥¼h¼Ë¦¡ªí(CSS)¿W¯Sªº¯SÂI¬O¥i¥H³Q¨Ï¥Î©ó³]pHTML & XML ¤å¥ó. ¥O¤@¤è±, ¥iÂX®i¼Ë¦¡ªí»y¨¥(XSL)¯à°÷ÅÜ´«¤å¥ó. Á|¨Ò¨Ó»¡,¦bWeb¦øªA¾¹¤W¥iÂX®i¼Ë¦¡ªí»y¨¥(XSL)¥i¥H³Q¨Ï¥Î©ó±N¥iÂX®i¼Ð°O»y¨¥(XML)¸ê®ÆÂà´«¦¨HTML/CSS¤å¥ó. ³o¼Ë¤@¨Ó¨âºØ»y¨¥¤¬¬Û¸É¥þ¨Ã¥i¤@°_¨Ï¥Î.
¨âºØ»y¨¥³£¥i¥H³Q¨Ï¥Î¦b³]pXML¤å¥ó.
¶¥¼h¼Ë¦¡ªí(CSS)»P¥iÂX®i¼Ë¦¡ªí»y¨¥(XSL)¨Ï¥Î¬Û¦P¤§°ò¥»ªº®æ¦¡¤Æ¼Ò«¬¤Î³]p®v¦]¦¹¨âºØ»y¨¥±o¥H¨Ï¥Î¬Û¦Pªº®æ¦¡¤Æ¯SÂI. W3C±N·|§V¤O¥Hu«OÃҮ榡¤Æ¼Ò«¬ªº¬Û¤¬¾Þ§@°õ¦æ¬O¥i§Q¥Îªº.
W3C¹ï¤@°_¨Ï¥Î¥iÂX®i¼Ë¦¡ªí»y¨¥(XSL)©M¶¥¼h¼Ë¦¡ªí(CSS)ªºµùÄÀ¬O²{¦¨ªº.
¦pªG³oÓ¥DÃD§A¤£¼ô±x, §A¤]³\·Qn¶}©lŪ¤@¨Ç¼Ë¦¡ªíªº·s»D°Å³ø:
½Ð¬Ý¶¥¼h¼Ë¦¡ªí(CSS)©M¥iÂX®i¼Ë¦¡ªí»y¨¥(XSL) ªº¶±¦³§ó¦h (¥H¤Î§ó·sªº)¤å³¹.
¶¥¼h¼Ë¦¡ªí(CSS)¬O³Q¨ãÅé¶}µo¥Xªº¤@ºØ¼Ë¦¡ªí¾÷¨î¨Ó¾AÀ³¸Uºûºô³]p®v©M¥Î¤á¤§»Ýn.
¦³Ãö©ó¦b³o¶©³ºÝªº«ö¶sªº¸ê°T¬O¦b«ö¶s¶¤Î¶¥¼h¼Ë¦¡ªí(CSS)ÅçÃÒ¾¹¤W
W3C¦³¤@Ó¤u§@¹ÎÅé¶}µo¥iÂX®i¼Ë¦¡ªí»y¨¥(XSL). ¥iÂX®i¼Ë¦¡ªí»y¨¥(XSL)׳y¦b¤å¥ó¼Ë¦¡»y¸q©M³W½d»y¨¥(DSSSL)©M¶¥¼h¼Ë¦¡ªí(CSS)¤W¨Ã¥B¥DnºË·Ç¬°¦³°ª«×ºc³y¤§¥iÂX®i¼Ð°O»y¨¥(XML)¸ê®Æ, §Y¦b®i¥Ü¤§«eì¯À»Ýn«·s¦w±Æ. §ó¦hÃö©ó¥iÂX®i¼Ë¦¡ªí»y¨¥(XSL)ªº¸ê°T½Ð¬ÝW3C ¥iÂX®i¼Ë¦¡ªí»y¨¥(XSL)¸ê·½¶.
¤å¥ó¼Ë¦¡»y¸q©M³W½d»y¨¥(DSSSL)¬O¤å¥ó¾ðÅܲ©M¼Ë¦¡»y¨¥¦b¼Ð·Ç³q¥Î¼Ð°O»y¨¥(SGML)¹ÎÅ餤¦³³\¦h°lÀHªÌ. ¸Uºûºô¤W¤å¥ó¼Ë¦¡»y¸q©M³W½d»y¨¥(DSSSL)ªº¸ê·½:
¥Î¤å¥»½s¿èµ{¦¡¥i¥H³Ð³y¨Ã¥Î¤â½s¿è¶¥¼h¼Ë¦¡ªí(CSS)¤å¥ó, ¦ý¬O§A¤]¯à¨Ï¥Î¨ä¥¦¥i¥H³B²z¼Ë¦¡ªíªº»y¨¥¹³ ECMAscript ©ÎJava µ¥µ¥¼gµ{¦¡. ³o¹ê»Ú¤W«Ü´¶¹M, ¦³¥Îªº¥\¯à³s³nÅé¹Ï®ÑÀ]³£¦³. ¬°À°§U²¾´Ó³o¼Ëªºµ{¦¡&¹Ï®ÑÀ]¨ì¤£¦Pªº¹q¸£¥»O, W3C¶}µo¤F¤@Ó¯S®í¶µ¥Ø¥s°µ¶¥¼h¼Ë¦¡ªí(CSS)-¤å¥óª«¥ó¼Ò«¬(DOM), ³o©w¸q¥X¤@®M¥\¯à¦Ó¥B©Ò¦³³o¤@Ãþ¹Ï®ÑÀ]¥²¶·´£¨Ñ.
¶¥¼h¼Ë¦¡ªí¤å¥óª«¥ó¼Ò«¬(CSS Document Object Model)¬O©â¶Hµ{¦¡½sµ{¬É±(Abstract Programming Interface), ¥¦±q¤@Óµ{¦¡¤§¤º¾Þ§@¶¥¼h¼Ë¦¡ªí(CSS), ¨Ã¥BÁÙ¦³¨ä¥¦¼Ë¦¡»y¨¥¦Ü¬YºØµ{«×. ©â¶Hµ{¦¡½sµ{¬É±¬O³nÅé¹Ï®ÑÀ]ªº³W®æ. §A¥i¥H¬Ý¥¦¬°«ü«n: ¥¦´yz¥\¯à©M¥¦Ìªº°Ñ¶q¦ý¤£¥]§t¹ê»Ú¥N½X.
¦³¼ÆÓ¶¥¼h¼Ë¦¡ªí¤å¥óª«¥ó¼Ò«¬(CSS-DOM)¹Ï®ÑÀ]µ¹¤£¦Pªº¥»O. ¤j¦h¼Æ¬O§K¶Oªº. ³\¦hÂsÄý¾¹¦³¤º«Ø¶¥¼h¼Ë¦¡ªí¤å¥óª«¥ó¼Ò«¬(CSS-DOM)¹Ï®ÑÀ]µ¹ECMAScriptµ{¦¡¨Ï¥Î.
²©ö©â¶Hµ{¦¡½sµ{¬É±µ¹¶¥¼h¼Ë¦¡ªí(SAC Simple API for CSS)¬O¹ï¶¥¼h¼Ë¦¡ªí¤å¥óª«¥ó¼Ò«¬(CSS-DOM)ªº¸É¥þ. ¼Ë¦¡ªí¸ü¤J°O¾Ð¤§«á¶¥¼h¼Ë¦¡ªí¤å¥óª«¥ó¼Ò«¬(CSS-DOM)¥]§tªº¥\¯à¥i¥H³B²z¥¦; ¥Ñ²©ö©â¶Hµ{¦¡½sµ{¬É±µ¹¶¥¼h¼Ë¦¡ªí(SAC)©w¸q¥Xªº¥\¯àÀ°§U¦b¸ÑªR¤@Ӽ˦¡ªí, §YÂà´«¤@Ӽ˦¡ªí±qÀɮצ¨¬°°O¾Ð.
¶¥¼h¼Ë¦¡ªí¤å¥óª«¥ó¼Ò«¬(CSS-DOM)¬OW3Cªº±ÀÂ˼зÇ. SAC ¬O¦bµo®i¤¤ªºp¹º. ¤@¨Ç³nÅé (°£Âs¾¹¤§¥~) ¬O¦C¦b¶¥¼h¼Ë¦¡ªí(CSS)ªº·§n¶.
W3C¦¨ûùتº¤p²Õ©M¥Nªí¸g±`µ¹ºtÁ¿.
°ÊºA HTML(Dynamic HTML)¬O¥Î¨Ó§Î®e§t¦³°ÊºA¤º®eªºHTML¶±ªº³N»y. ¶¥¼h¼Ë¦¡ªí(CSS)¬O°ÊºA HTML(Dynamic HTML)¤TÓ²Õ¤Àªº¨ä¤¤¤@Ó; ¨ä¥¦¨âªÌ¬O HTML¥»¨©M JavaScript (¤w¸g¥HEcmaScript¦W¸q³W®æ¤Æ). ¤TÓ²Õ¤À»PDOM½¦¦X¦b¤@°_, ´N¬O¤å¥óª«¥ó¼Ò«¬( Document Object Model).