{"id":239,"date":"2011-11-17T05:30:00","date_gmt":"2011-11-17T05:30:00","guid":{"rendered":"http:\/\/brain.dailyon.net\/?p=239"},"modified":"2011-11-17T05:30:00","modified_gmt":"2011-11-17T05:30:00","slug":"css-naming","status":"publish","type":"post","link":"https:\/\/blog.goorigo.com\/?p=239","title":{"rendered":"CSS : Naming"},"content":{"rendered":"<p><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/\">http:\/\/html.nhndesign.com\/guidelines\/naming\/<\/a><\/p>\n<div>\n<p>Location \ud83d\ude15<a href=\"http:\/\/html.nhndesign.com\/\" target=\"_top\">NULI<\/a> &gt; Guidelines &gt; Naming<\/p>\n<p><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/\">http:\/\/html.nhndesign.com\/guidelines\/naming\/<\/a><\/div>\n<div>\n<h1>Naming Guidelines<\/h1>\n<ol>\n<li><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#section1\">CSS \ud30c\uc77c \ub124\uc774\ubc0d<\/a><\/li>\n<li><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#section2\">id\/class \uc120\ud0dd\uc790 \uc120\uc5b8 \uaddc\uc57d<\/a><\/li>\n<li><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#section3\">id\/class \uc120\ud0dd\uc790 \ub124\uc774\ubc0d \uac00\uc774\ub4dc<\/a><\/li>\n<li><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#section4\">Image \ub124\uc774\ubc0d \uaddc\uc57d<\/a><\/li>\n<li><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#section5\">Image \ub124\uc774\ubc0d \uac00\uc774\ub4dc<\/a><\/li>\n<li><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#section6\">Update History<\/a><\/li>\n<\/ol>\n<ul>\n<li><strong>(X)<\/strong>?\ud5c8\uc6a9 \uc548\ud568<\/li>\n<li><strong>(\u25b3)<\/strong>?\uc608\uc678 \ud5c8\uc6a9<\/li>\n<li><strong>(O)<\/strong>?\uc801\uadf9 \uad8c\uc7a5<\/li>\n<\/ul>\n<h2 id=\"section1\">1. CSS \ud30c\uc77c \ub124\uc774\ubc0d<\/h2>\n<div>\n<p>CSS \ud30c\uc77c\uc744 \uc5ec\ub7ec\uac1c\ub85c \ub098\ub204\ub294 \uacbd\uc6b0 HTTP \uc694\uccad\uc774 \ub298\uc5b4\ub098\uc11c \uc6f9\ud398\uc774\uc9c0 \uc804\uc1a1\uc18d\ub3c4\uc5d0 \uc88b\uc9c0 \uc54a\uc740 \uc601\ud5a5\uc744 \uc8fc\uac8c \ub418\ubbc0\ub85c \ud30c\uc77c\uc758 \uc218\ub294 \ucd5c\uc18c\ud55c\uc73c\ub85c \uc720\uc9c0\ud569\ub2c8\ub2e4. \uc0ac\uc774\ud2b8 \ub8e8\ud2b8 \ub514\ub809\ud1a0\ub9ac\uc5d0?<strong>\/css\/<\/strong>?\ud3f4\ub354\ub97c \uc0dd\uc131\ud558\uace0 \uc804\uc5ed\uc5d0 \uc4f0\uc774\ub294 \ud30c\uc77c\uc758 \uc774\ub984\uc740?<strong>default.css<\/strong>?\uc73c\ub85c \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/p>\n<div>\/css\/<strong>default.css<\/strong><br \/>\n<em>\ubaa8\ub4e0 \uc2a4\ud0c0\uc77c\uc744 \ud3ec\ud568\ud558\ub294 \ud30c\uc77c<\/em><\/p>\n<p>\/css\/<strong>popup.css<\/strong><br \/>\n<em>\ud31d\uc5c5\ub4f1 \uc0c8\ub85c\uc6b4 \ud398\uc774\uc9c0 \uc720\ud615\uc774 \uc874\uc7ac\ud558\ub294 \uacbd\uc6b0 \ubcc4\ub3c4\ub85c \ubd84\ub9ac<\/em><\/div>\n<\/div>\n<h2 id=\"section2\">2. id\/class \uc120\ud0dd\uc790 \uc120\uc5b8 \uaddc\uc57d<\/h2>\n<div>\n<p>\uc544\ub798\uc640 \uac19\uc774 \uc815\ud615\ud654 \ub41c \uc694\uc18c\ub4e4\uc5d0 \ub300\ud55c \ub124\uc774\ubc0d\uc740 &#8216;id\/class \uc120\uc5b8\uaddc\uc57d&#8217;\uc5d0 \ub530\ub985\ub2c8\ub2e4. \ub2e8, \uc544\ub798 \uc608\ub294 \ub418\ub3c4\ub85d \ubcf5\uc7a1\ud55c \uc0c1\ud669\uc744 \uc7ac\ud604\ud55c \uac83\uc73c\ub85c\uc11c \ud2b9\ud788 #wrap, .colgroup\uacfc \uac19\uc740 \uadf8\ub8f9\ud551\uc740 \ud544\uc218\uc801\uc774\uc9c0 \uc54a\ub2e4\uba74 \uc81c\uc678\ud558\ub294 \uac83\uc774 \ubc14\ub78c\uc9c1 \ud569\ub2c8\ub2e4. \ub3d9\uc77c\ud55c \uc758\ubbf8\ub97c \uc9c0\ub2cc id\/class \uac00 \ubcf5\uc218\ub85c \uc874\uc7ac\ud574\uc57c \ud558\ub294 \uacbd\uc6b0 \uc120\ud0dd\uc790 \ub4a4\uc5d0 \uc22b\uc790\ub97c \ubd99\uc5ec\uc11c \ud655\uc7a5\ud569\ub2c8\ub2e4.?<a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/img\/wsgNamingRule.gif\" target=\"_blank\">\uc608\uc81c\ubcf4\uae30<\/a>.<\/p>\n<div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#wrap_id_term\">#wrap<\/a>?: \uac10\uc2f8\uae30<\/p>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#header_id_term\">#header<\/a>?: \ud5e4\ub354<\/p>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#gnb_class_term\">.gnb<\/a>?: Global Navigation Bar<\/div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#lnb_class_term\">.lnb<\/a>?: Local Navigation Bar<\/div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#search_class_term\">.search<\/a>?: Search Form<\/div>\n<\/div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#container_id_term\">#container<\/a>?: \ucf58\ud14c\uc774\ub108<\/p>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#spot_class_term\">.spot<\/a>?: \uac15\uc870\ud558\ub294 \uc0c1\uc704 \ucf58\ud150\uce20<\/div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#snb_class_term\">.snb<\/a>?: Side Navigation Bar<\/p>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#account_class_term\">.account<\/a>?: \uacc4\uc815<\/div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#nav_class_term\">.*nav*<\/a><\/div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#nav_class_term\">.*section*<\/a><\/div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#ad_class_term\">.ad<\/a>?: \uad11\uace0<\/div>\n<\/div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#colgroup_class_term\">.colgroup<\/a>?: \uceec\ub7fc \uadf8\ub8f9\ud551<\/p>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#content_id_term\">#content<\/a>?: \ubcf8\ubb38 \ud45c\uc2dc<\/p>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#path_pass_term\">.path<\/a>?: \ubb38\uc11c \uacbd\ub85c \ud45c\uc2dc<\/div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#article_class_term\">.article<\/a>?or?<a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#section_class_term\">.section<\/a><br \/>\n: \uae30\uc0ac \ub610\ub294 \uc139\uc158 \uadf8\ub8f9\ud551<\/div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#article_class_term\">.article<\/a>?or?<a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#section_class_term\">.section?<\/a><br \/>\n: \uae30\uc0ac \ub610\ub294 \uc139\uc158 \uadf8\ub8f9\ud551<\/div>\n<\/div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#aside_class_term\">.aside<\/a>?: \uacc1\uac00\uc9c0<\/p>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#ad_class_term\">.ad<\/a>?: \uad11\uace0<\/div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#nav_class_term\">.*nav*<\/a><\/div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#nav_class_term\">.*section*<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div><a href=\"http:\/\/html.nhndesign.com\/guidelines\/naming\/#footer_id_term\">#footer<\/a>?: \ud48b\ud130<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<dl>\n<dt>#wrap :<\/dt>\n<dd>\ud398\uc774\uc9c0(#header, #container, #footer) \uc804\uccb4\ub97c \uc9c0\uc815 \ud569\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>#header :<\/dt>\n<dd>\ub85c\uace0\ub97c \ud3ec\ud568\ud55c \uc0c1\ub2e8 \uc601\uc5ed(\ubcf4\ud1b5 .lnb \ud3ec\ud568)\uc744 \uc9c0\uc815 \ud569\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>#container :<\/dt>\n<dd>#header \uc640 #footer \ub97c \uc81c\uc678\ud55c \ubcf8\ubb38 \uc804\uccb4\ub97c \uc9c0\uc815 \ud569\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>#footer :<\/dt>\n<dd>&lt;address&gt; \ub97c \ud3ec\ud568\ud55c \ud558\ub2e8\uc758 \ubcf4\uc870 \ub124\ube44\uac8c\uc774\uc158 \uc601\uc5ed\uc744 \uc9c0\uc815 \ud569\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>.gnb :<\/dt>\n<dd>\ucd5c\uc0c1\uc704 \uacf5\ud1b5 \ub124\ube44\uac8c\uc774\uc158(Global Navigation Bar)\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4. \ubcf4\ud1b5 \uc218\ud3c9(bar)\ud615\ud0dc\ub85c \ud45c\ud604\ub418\uba70 #header \uc5d0 \uc885\uc18d\ub41c\ub2e4. \uc218\uc9c1\uc73c\ub85c \ud45c\ud604\ub418\ub294 \uacbd\uc6b0\ub294 \uac70\uc758 \ub4dc\ubb3c\uc9c0\ub9cc \uadf8\ub7ec\ud55c \uacbd\uc6b0 #header \uc5d0 \uc885\uc18d\ub418\uc9c0 \uc54a\uc744 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>.lnb :<\/dt>\n<dd>\ud604\uc7ac \uc11c\ube44\uc2a4\uc758 \uc9c0\uc5ed(Local Navigation Bar) \ub124\ube44\uac8c\uc774\uc158\uc744 \uc9c0\uc815 \ud569\ub2c8\ub2e4. \ubcf4\ud1b5 \uc218\ud3c9(bar)\ud615\ud0dc\ub85c \ud45c\ud604\ub418\uba70 #header \uc5d0 \uc885\uc18d\ub41c\ub2e4. \uc218\uc9c1\uc73c\ub85c \ud45c\ud604\ub418\ub294 \uacbd\uc6b0\ub294 \uac70\uc758 \ub4dc\ubb3c\uc9c0\ub9cc \uadf8\ub7ec\ud55c \uacbd\uc6b0 #header \uc5d0 \uc885\uc18d\ub418\uc9c0 \uc54a\uc744 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>.search :<\/dt>\n<dd>\ud604\uc7ac \ud398\uc774\uc9c0\uc758 \uc8fc\uc694 \uac80\uc0c9\uc601\uc5ed\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>.snb :<\/dt>\n<dd>.gnb, .lnb \ub97c \uc81c\uc678\ud55c \uce21\uba74(Side Navigation Bar) \ub124\ube44\uac8c\uc774\uc158 \uc601\uc5ed\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4. \ubcf4\ud1b5 #container \uc5d0 \uc885\uc18d\ub418\uace0 \uc218\uc9c1\uc73c\ub85c \ud45c\ud604\ub418\uc9c0\ub9cc \uc218\ud3c9\uc73c\ub85c \ud45c\ud604\ub418\ub294 \uacbd\uc6b0\ub3c4 \uc788\uc73c\ubbc0\ub85c #header \uc5d0 \uc885\uc18d\ub418\ub294 \ub4f1 \uc608\uc678\uc758 \uacbd\uc6b0\ub3c4 \uc788\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>.account :<\/dt>\n<dd>\ub85c\uadf8\uc778 \ud3fc \ubc0f \ub85c\uadf8\uc778 \ud6c4 \uac1c\uc778 \uacc4\uc815\uc744 \ud45c\uc2dc\ud558\ub294 \uc601\uc5ed\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>.colgroup :<\/dt>\n<dd>\uceec\ub7fc \ud615\ud0dc\uc758 \ub0b4\uc6a9\ube14\ub7ed\uc744 \uadf8\ub8f9\ud551 \ud569\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>#content :<\/dt>\n<dd>\ubc18\ub4dc\uc2dc #container \ub0b4\ubd80\uc5d0 \uc885\uc18d\ub418\uba70 \ubcf4\ud1b5\uc758 \uacbd\uc6b0 .snb \uc601\uc5ed\uacfc .aside \uc601\uc5ed\uc744 \uc81c\uc678\ud55c \ud575\uc2ec \ucf58\ud150\uce20 \uc601\uc5ed\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>.aside :<\/dt>\n<dd>\ubb38\uc11c\uc758 \uc8fc\uc694 \ubd80\ubd84\uc744 \ud45c\uc2dc\ud558\uace0 \ub0a8\uc740 \ucf58\ud150\uce20 \uc601\uc5ed(\uacc1\uac00\uc9c0 \uba54\ub274 \ub530\uc704)\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>.spot :<\/dt>\n<dd>\uac15\uc870\ud558\ub294 \uc0c1\uc704 \ucf58\ud150\uce20\uc774\uba70 \ud56d\uc0c1 #container \uc5d0 \uc885\uc18d\ub420 \ud544\uc694\ub294 \uc5c6\uc2b5\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>.path :<\/dt>\n<dd>\ud604\uc7ac \ud398\uc774\uc9c0\uc758 \uacbd\ub85c\ub97c \uc9c0\uc815\ud569\ub2c8\ub2e4. \ubcf4\ud1b5 #container \ub610\ub294 #content \uc5d0 \uc885\uc18d\ub429\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>.*nav* :<\/dt>\n<dd>\ub124\ube44\uac8c\uc774\uc158 \uc694\uc18c\ub97c \uc9c0\uc815\ud569\ub2c8\ub2e4. .gnb, .lnb, .snb \ub4f1 \uc5b4\ub5a4 \uc601\uc5ed \ub0b4\ubd80\uc5d0 \ud558\ub098 \ub610\ub294 \ubcf5\uc218\uc758 \ub124\ube44\uac8c\uc774\uc158 \uc694\uc18c\uac00 \uc874\uc7ac\ud560 \ub54c .*nav* \ud074\ub798\uc2a4\ub97c \uc9c0\uc815\ud569\ub2c8\ub2e4. &#8216;*&#8217; \ud45c\uc2dc\ub294 \ub2e4\ub978 \ub2e8\uc5b4 \ub610\ub294 \uc22b\uc790\uc640 \uc870\ud569\ud560 \uc218 \uc788\ub2e4\ub294 \uc758\ubbf8 \uc785\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>.*section* :<\/dt>\n<dd>\ucf58\ud150\uce20\ub97c \ubd84\ud560\ud558\uac70\ub098 \uadf8\ub8f9\ud551 \ud558\ub294 \ube14\ub7ed \uc785\ub2c8\ub2e4. \ubcf4\ud1b5 #content \ub0b4\ubd80\uc5d0 \ubc30\uce58\ud55c \ub2e4\uc74c heading \ud0dc\uadf8(h1~h6)\uc640 \ud568\uaed8 \uc0ac\uc6a9\ud558\ub294 \uac83\uc744 \uad8c\uc7a5\ud569\ub2c8\ub2e4. &#8216;*&#8217; \ud45c\uc2dc\ub294 \ub2e4\ub978 \ub2e8\uc5b4 \ub610\ub294 \uc22b\uc790\uc640 \uc870\ud569\ud560 \uc218 \uc788\ub2e4\ub294 \uc758\ubbf8 \uc785\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>.article :<\/dt>\n<dd>\uae30\uc0ac \ub610\ub294 \ud3ec\uc2a4\ud2b8\uc640 \uac19\uc774 \uae30\uc220\ub41c \ub0b4\uc6a9\uc758 \ucf58\ud150\uce20\ub97c \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>.ad :<\/dt>\n<dd>\uad11\uace0 \ub610\ub294 \ubc30\ub108\ub97c \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>etc :<\/dt>\n<dd>\uc5ec\uae30\uc11c \uae30\uc220\ud558\uc9c0 \uc54a\uc740 id\/class \ub124\uc774\ubc0d\uc740 \uc774\ud558 &#8216;id\/class \uc0dd\uc131 \ubc0f \ub124\uc774\ubc0d \uac00\uc774\ub4dc&#8217;\uc5d0 \ub530\ub985\ub2c8\ub2e4.<\/dd>\n<\/dl>\n<\/li>\n<\/ul>\n<\/div>\n<h2 id=\"section3\">3. id\/class \uc120\ud0dd\uc790 \ub124\uc774\ubc0d \uac00\uc774\ub4dc<\/h2>\n<div>\n<ul>\n<li>id\ub294 \ud654\uba74\uc744 \ubd84\ud560 \ud558\uac70\ub098 \ub3d9\uc801 UI\ub97c \uad6c\ud604\ud574\uc57c \ud558\ub294 \uacbd\uc6b0\uc5d0\ub9cc \uc0dd\uc131\ud569\ub2c8\ub2e4. id\uc0ac\uc6a9\uc774 \ud544\uc218\uc801\uc73c\ub85c \uc694\uad6c\ub418\uc9c0 \uc54a\ub294 \uc694\uc18c\ub294 class\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>\uc601\ubb38 \uc18c\ubb38\uc790<\/strong>\ub9cc \uc0ac\uc6a9 \uac00\ub2a5\ud558\uba70?<strong>\uc22b\uc790<\/strong>?\ubc0f?<strong>\uc5b8\ub354\ubc14(_)<\/strong>?\uc0ac\uc6a9\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc601\ubb38 \ub300\ubb38\uc790 \ubc0f \uae30\ud0c0 \uc5b8\uc5b4\uc640 \ud2b9\uc218\ubb38\uc790\ub294 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/li>\n<li>\uac00\ub2a5\ud558\ub2e4\uba74 \uc758\ubbf8\uc5d0 \uc801\ud569\ud558\uace0 \uc9c1\uad00\uc801\uc778 \ud558\ub098\uc758 \ub2e8\uc5b4\ub97c \uc0ac\uc6a9\ud558\uace0, \ud654\uba74 \ubc30\uce58 \ub610\ub294 \uc2dc\uac01\uc801 \ud6a8\uacfc\ub97c \uc758\ubbf8\ud558\ub294 \ub2e8\uc5b4\uc758 \uc120\ud0dd\uc740 \uc9c0\uc591\ud569\ub2c8\ub2e4.<\/li>\n<li>2\uac1c \uc774\uc0c1\uc758 \ub2e8\uc5b4\ub97c \uc870\ud569\ud558\ub294 \uacbd\uc6b0 \uc5b8\ub354\ubc14(_)\ub85c \uc5f0\uacb0\ud569\ub2c8\ub2e4. \ub2e8\uc5b4\uc640 \uc22b\uc790\ub97c \uc870\ud569\ud558\ub294 \uacbd\uc6b0 \uc5b8\ub354\ubc14(_)\ub97c \uc0dd\ub7b5\ud569\ub2c8\ub2e4.<\/li>\n<li>\uc22b\uc790\ub85c \uc2dc\uc791\ud560 \uc218 \uc5c6\uc73c\uba70 \uc22b\uc790\uc758 \uc99d\uac00\ub294 &#8220;1&#8221; \ubd80\ud130 \uc2dc\uc791\ub429\ub2c8\ub2e4. \uc22b\uc790\uac00 \uc5c6\ub294 \ub2e8\uc5b4\ub294 \ud1b5\uc0c1 &#8220;1&#8221; \uc774\ub77c\ub294 \uc22b\uc790\uac00 \uc0dd\ub7b5\ub41c \uac83\uc73c\ub85c \uac04\uc8fc\ud569\ub2c8\ub2e4.\n<div><code>.nav01?<strong>(X)<\/strong>?<em>\ud074\ub798\uc2a4 \uc774\ub984\uc744 \uc774\uc6a9\ud55c \uc2a4\ud06c\ub9bd\ud2b8 \uc791\uc131\uc2dc 1~9\uae4c\uc9c0 \uc608\uc678\uc801\uc73c\ub85c \"0\"\uc744 \ucd94\uac00\ud574\uc57c \ud558\ubbc0\ub85c \uad6c\ud604 \uc774\uc288 \ubc1c\uc0dd<\/em><br \/>\n.nav1?<strong>(O)<\/strong><\/code><\/div>\n<\/li>\n<li>\ub450\ubb38\uc790\uc5b4 \ub610\ub294 \uc57d\uc5b4\ub97c \uc0ac\uc6a9\ud558\ub354\ub77c\ub3c4 \uc9c1\uad00\uc801\uc73c\ub85c \uc774\ud574\ud560 \uc218 \uc788\ub294 \uacbd\uc6b0 \ub2e8\uc5b4\ub97c \ucd95\uc57d\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li>\ubcf4\ud3b8\uc801\uc778 \uc774\ub984\uc744 \uc9c0\ub2cc class\ub294 \ud56d\uc0c1 \ucda9\ub3cc \uac00\ub2a5\uc131\uc774 \uc874\uc7ac\ud558\ubbc0\ub85c \uac00\uae09\uc801 \ubd80\ubaa8 \uc120\ud0dd\uc790\uc5d0 \uc885\uc18d \uc2dc\ud0b5\ub2c8\ub2e4.\n<div><code><strong>(\u25b3)<\/strong>?<em>.more \ub77c\ub294 \ud074\ub798\uc2a4 \uc774\ub984\uc744 \ub354 \uc774\uc0c1 \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc74c?<\/em><br \/>\n.more {...}<\/p>\n<p><strong>(O)<\/strong>?<em>.more \ub77c\ub294 \ud074\ub798\uc2a4 \uc774\ub984\uc744 \uc5ec\ub7ec\ubc88 \uc7ac \uc0ac\uc6a9\ud560 \uc218 \uc788\uc74c?<\/em><br \/>\n.section .more {...}<br \/>\n.aside .more {...}<\/code><\/div>\n<\/li>\n<li>\ubaa8\ub4e0 \uc601\uc5ed\uc5d0 \ub3d9\uc77c\ud55c \ud45c\ud604\uc73c\ub85c \uc7ac \uc0ac\uc6a9\ub418\ub294 \uc804\uc5ed \uc2a4\ud0c0\uc77c\uc778 \uacbd\uc6b0 \ub2e4\ub978 \uc120\ud0dd\uc790\uc5d0 \uc885\uc18d\uc2dc\ud0a4\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\n<div><code>.gnb fieldset{border:none;}?<strong>(\u25b3)<\/strong>?<em>\uc804\uc5ed \uc2a4\ud0c0\uc77c\uc744 \ud2b9\uc815 \uc601\uc5ed\uc5d0 \uc885\uc18d\uc2dc\ucf1c \uc7ac \uc0ac\uc6a9\uc131\uc774 \ub5a8\uc5b4\uc9d0<\/em><br \/>\nfieldset{border:none;}?<strong>(O)<\/strong>?<em>\ubcf4\ud1b5\uc758 \uacbd\uc6b0 fieldset\uc744 \uc774\uc6a9\ud558\uc5ec border\ub97c \ud45c\ud604\ud558\uc9c0 \uc54a\uc73c\ubbc0\ub85c \uc5b4\ub5a4 \uc120\ud0dd\uc790\uc5d0\ub3c4 \uc885\uc18d\uc2dc\ud0a4\uc9c0 \uc54a\uc74c<\/em><\/code><\/div>\n<\/li>\n<\/ul>\n<\/div>\n<h2 id=\"section4\">4. Image \ub124\uc774\ubc0d \uaddc\uc57d<\/h2>\n<div>\n<p>\uc544\ub798 \uc81c\uc2dc\ub41c \uc885\ub958\uc758 \uc774\ubbf8\uc9c0 \uc774\ub984\ub4e4\uc740 \uac01\uac01\uc758 \ubaa9\uc801\uc5d0 \ub9de\ub294 \ud615\ud0dc\ub85c \uc0ac\uc6a9\ub420 \uc218 \uc788\ub3c4\ub85d \uc608\uc57d\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798 \ud45c\ud604\ub4e4\uc740 \ub2e4\ub978 \ubaa9\uc801\uc73c\ub85c \uc0ac\uc6a9\ud558\uac70\ub098 \ub3c5\ucc3d\uc801\uc778 \ud615\ud0dc\ub85c \ubcc0\ud615\ud558\uc5ec \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. &#8220;*&#8221; \ud45c\uc2dc\ub294 \ud574\ub2f9 \uc774\ubbf8\uc9c0\uc758 \uc758\ubbf8\ub098 \uc0c1\ud0dc\ub97c \uac00\uc7a5 \uc798 \ud45c\ud604\ud560 \uc218 \uc788\ub294 \ub2e8\uc5b4\ub85c \uce58\ud658\ud558\uac70\ub098 \ub610\ub294 \uc0dd\ub7b5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub124\uc774\ubc0d\uc758 \uc21c\uc11c\ub294 &#8216;<strong>\ub300\ubd84\ub958-\uc911\ubd84\ub958-\uc18c\ubd84\ub958<\/strong>&#8216; \ub610\ub294 &#8216;<strong>\ud615\ud0dc-\uc758\ubbf8-\uc0c1\ud0dc<\/strong>&#8216; \uc21c\uc785\ub2c8\ub2e4. \ub3d9\uc77c\ud55c \uc6a9\ub3c4\uc758 \uc774\ubbf8\uc9c0\uac00 \uc5ec\ub7ec\uac1c\uc778 \uacbd\uc6b0 \ub9c8\uc9c0\ub9c9 \ub2e8\uc5b4\uc5d0 \uc22b\uc790\ub97c \ubd99\uc5ec\uc11c \ub2e4\ub974\uac8c \ub124\uc774\ubc0d \ud569\ub2c8\ub2e4.<\/p>\n<table>\n<thead>\n<tr>\n<th scope=\"col\" rowspan=\"2\">\ubd84\ub958<\/th>\n<th scope=\"col\" colspan=\"2\">\uc608\uc57d\uc5b4<\/th>\n<th scope=\"col\" rowspan=\"2\" colspan=\"2\">\uc124\uba85<\/th>\n<th scope=\"col\" rowspan=\"2\">\uad8c\uc7a5\ud45c\ud604<\/th>\n<\/tr>\n<tr>\n<th scope=\"col\">\ud615\ud0dc<\/th>\n<th scope=\"col\">\ud615\ud0dc+\uc758\ubbf8+\uc0c1\ud0dc<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<th scope=\"row\" rowspan=\"7\">\uc81c\ubaa9<\/th>\n<td rowspan=\"7\"><strong>h<\/strong>*_*<\/td>\n<td><strong>h<\/strong>_*<\/td>\n<td>\ubd88\ud2b9\uc815 \ub808\ubca8\uc758 \uc81c\ubaa9<\/td>\n<td rowspan=\"7\">\uc81c\ubaa9 \ud0dc\uadf8\ub85c \ub9c8\ud06c\uc5c5\ub418\ub294 \uc774\ubbf8\uc9c0 \uc694\uc18c.<\/td>\n<td rowspan=\"7\">\uc804\uacbd<\/td>\n<\/tr>\n<tr>\n<td><strong>h<\/strong>1_*<\/td>\n<td>\uc81c\ubaa9 1<\/td>\n<\/tr>\n<tr>\n<td><strong>h<\/strong>2_*<\/td>\n<td>\uc81c\ubaa9 2<\/td>\n<\/tr>\n<tr>\n<td><strong>h<\/strong>3_*<\/td>\n<td>\uc81c\ubaa9 3<\/td>\n<\/tr>\n<tr>\n<td><strong>h<\/strong>4_*<\/td>\n<td>\uc81c\ubaa9 4<\/td>\n<\/tr>\n<tr>\n<td><strong>h<\/strong>5_*<\/td>\n<td>\uc81c\ubaa9 5<\/td>\n<\/tr>\n<tr>\n<td><strong>h<\/strong>6_*<\/td>\n<td>\uc81c\ubaa9 6<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">\ubb38\uc7a5<\/th>\n<td><strong>p<\/strong>_*<\/td>\n<td><strong>p<\/strong>_*<\/td>\n<td>\ubb38\uc7a5<\/td>\n<td>\ud1b5\uc0c1 p \uc694\uc18c\ub85c \ub9c8\ud06c\uc5c5\ub418\ub294 \uc774\ubbf8\uc9c0 \ud615\ud0dc\uc758 \ud14d\uc2a4\ud2b8.<\/td>\n<td>\uc804\uacbd<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\" rowspan=\"3\">\ub124\ube44\uac8c\uc774\uc158<\/th>\n<td><strong>gnb<\/strong>_*<\/td>\n<td><strong>gnb<\/strong>_*<\/td>\n<td>\uae00\ub85c\ubc8c<\/td>\n<td rowspan=\"3\">\ub124\ube44\uac8c\uc774\uc158 \ubaa9\uc801\uc758 \ubc84\ud2bc \ub610\ub294 \ud0ed.<\/td>\n<td rowspan=\"3\">\uc804\uacbd<\/td>\n<\/tr>\n<tr>\n<td><strong>lnb<\/strong>_*<\/td>\n<td><strong>lnb<\/strong>_*<\/td>\n<td>\ub85c\uceec<\/td>\n<\/tr>\n<tr>\n<td><strong>snb<\/strong>_*<\/td>\n<td><strong>snb<\/strong>_*<\/td>\n<td>\uc0ac\uc774\ub4dc<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">\ud0ed<\/th>\n<td><strong>tab<\/strong>_*<\/td>\n<td><strong>tab<\/strong>_*<\/td>\n<td>\ud0ed<\/td>\n<td>gnb, lnb, snb\uc5d0 \ud3ec\ud568\ub418\uc9c0 \uc54a\uc73c\uba70 \ud0ed\uc73c\ub85c \ubd84\ub958\ub418\ub294 \ubc84\ud2bc \ub610\ub294 \ubc84\ud2bc\uc758 \ubc30\uacbd.<\/td>\n<td>\uc804\uacbd\/\ubc30\uacbd<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\" rowspan=\"33\">\ubc84\ud2bc<\/th>\n<td rowspan=\"33\"><strong>btn<\/strong>_*<\/td>\n<td><strong>btn<\/strong>_list_*<\/td>\n<td>\ubaa9\ub85d<\/td>\n<td rowspan=\"33\">\ubaa8\ub4e0 \uc885\ub958\uc758 \ubc84\ud2bc.<\/td>\n<td rowspan=\"33\">\uc804\uacbd<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_read_*<\/td>\n<td>\uc77d\uae30<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_write_*<\/td>\n<td>\uc4f0\uae30<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_modify_*<\/td>\n<td>\uc218\uc815<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_delete_*<\/td>\n<td>\uc0ad\uc81c<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_reply_*<\/td>\n<td>\ub2f5\ubcc0<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_cancel_*<\/td>\n<td>\ucde8\uc18c<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_search_*<\/td>\n<td>\uac80\uc0c9<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_find_*<\/td>\n<td>\ucc3e\uae30<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_registeration_*<\/td>\n<td>\ub4f1\ub85d<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_confirm_*<\/td>\n<td>\ud655\uc778<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_submit_*<\/td>\n<td>\uc804\uc1a1<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_upload_*<\/td>\n<td>\uc5c5\ub85c\ub4dc<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_download_*<\/td>\n<td>\ub2e4\uc6b4\ub85c\ub4dc<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_install_*<\/td>\n<td>\uc124\uce58<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_file_*<\/td>\n<td>\ud30c\uc77c<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_stop_*<\/td>\n<td>\uc815\uc9c0<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_play_*<\/td>\n<td>\uc2e4\ud589<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_prev_*<\/td>\n<td>\uc774\uc804<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_next_*<\/td>\n<td>\ub2e4\uc74c<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_up_*<\/td>\n<td>\uc704\ub85c<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_down_*<\/td>\n<td>\uc544\ub798\ub85c<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_zip_*<\/td>\n<td>\uc6b0\ud3b8\ucf54\ub4dc\ucc3e\uae30<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_go_*<\/td>\n<td>\ud398\uc774\uc9c0 \uc774\ub3d9<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_refresh_*<\/td>\n<td>\uc0c8\ub85c\uace0\uce68<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_open_*<\/td>\n<td>\uc5f4\uae30<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_close_*<\/td>\n<td>\ub2eb\uae30<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_zoom_*<\/td>\n<td>\ud655\ub300<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_reduction_*<\/td>\n<td>\ucd95\uc18c<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_spread_*<\/td>\n<td>\ud3bc\uce58\uae30<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_unfold_*<\/td>\n<td>\uc811\uae30<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_lock_*<\/td>\n<td>\uc7a0\uae08<\/td>\n<\/tr>\n<tr>\n<td><strong>btn<\/strong>_unlock_*<\/td>\n<td>\ud574\uc81c<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\" rowspan=\"7\">\ubc15\uc2a4<\/th>\n<td rowspan=\"7\"><strong>bx<\/strong>_*<\/td>\n<td><strong>bx<\/strong>_*_top<\/td>\n<td>\uc0c1\ub2e8<\/td>\n<td rowspan=\"7\">\uc0c1\uc790\uc758 \uc120\uacfc \ubaa8\uc11c\ub9ac \ud45c\ud604.<\/td>\n<td rowspan=\"7\">\ubc30\uacbd<\/td>\n<\/tr>\n<tr>\n<td><strong>bx<\/strong>_*_mid<\/td>\n<td>\uc911\uc559<\/td>\n<\/tr>\n<tr>\n<td><strong>bx<\/strong>_*_btm<\/td>\n<td>\ud558\ub2e8<\/td>\n<\/tr>\n<tr>\n<td><strong>bx<\/strong>_*_lt<\/td>\n<td>\uc88c\uc0c1\ub2e8<\/td>\n<\/tr>\n<tr>\n<td><strong>bx<\/strong>_*_rt<\/td>\n<td>\uc6b0\uc0c1\ub2e8<\/td>\n<\/tr>\n<tr>\n<td><strong>bx<\/strong>_*_lb<\/td>\n<td>\uc88c\ud558\ub2e8<\/td>\n<\/tr>\n<tr>\n<td><strong>bx<\/strong>_*_rb<\/td>\n<td>\uc6b0\ud558\ub2e8<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\" rowspan=\"4\">\ube14\ub9bf<\/th>\n<td rowspan=\"4\"><strong>bu<\/strong>_*<\/td>\n<td><strong>bu<\/strong>_square<\/td>\n<td>\uc0ac\uac01<\/td>\n<td rowspan=\"4\">\uc758\ubbf8\ub97c \ud3ec\ud568\ud558\uc9c0 \uc54a\ub294 \uc7a5\uc2dd\uc801 bullet\/icon \ud45c\ud604.<\/td>\n<td rowspan=\"4\">\ubc30\uacbd<\/td>\n<\/tr>\n<tr>\n<td><strong>bu<\/strong>_circle<\/td>\n<td>\uc6d0\ud615<\/td>\n<\/tr>\n<tr>\n<td><strong>bu<\/strong>_arrow<\/td>\n<td>\ud654\uc0b4<\/td>\n<\/tr>\n<tr>\n<td><strong>bu<\/strong>_star<\/td>\n<td>\ubcc4<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\" rowspan=\"14\">\uc544\uc774\ucf58<\/th>\n<td rowspan=\"14\"><strong>ico<\/strong>_*<\/td>\n<td><strong>ico<\/strong>_num*<\/td>\n<td>\uc22b\uc790<\/td>\n<td rowspan=\"14\">\uc758\ubbf8\ub97c \ud3ec\ud568\ud558\ub294 \uc7a5\uc2dd\uc801 icon \ud45c\ud604.<\/td>\n<td rowspan=\"14\">\uc804\uacbd<\/td>\n<\/tr>\n<tr>\n<td><strong>ico<\/strong>_english_*<\/td>\n<td>\uc601\ubb38<\/td>\n<\/tr>\n<tr>\n<td><strong>ico<\/strong>_korean_*<\/td>\n<td>\ud55c\uae00<\/td>\n<\/tr>\n<tr>\n<td><strong>ico<\/strong>_japanese_*<\/td>\n<td>\uc77c\uc5b4<\/td>\n<\/tr>\n<tr>\n<td><strong>ico<\/strong>_chinese_*<\/td>\n<td>\uc911\uc5b4<\/td>\n<\/tr>\n<tr>\n<td><strong>ico<\/strong>_attention<\/td>\n<td>\uc8fc\uc758<\/td>\n<\/tr>\n<tr>\n<td><strong>ico<\/strong>_up<\/td>\n<td>\uc0c1\ud5a5<\/td>\n<\/tr>\n<tr>\n<td><strong>ico<\/strong>_down<\/td>\n<td>\ud558\ud5a5<\/td>\n<\/tr>\n<tr>\n<td><strong>ico<\/strong>_point_star<\/td>\n<td>\ubcc4\uc810<\/td>\n<\/tr>\n<tr>\n<td><strong>ico<\/strong>_star<\/td>\n<td>\ubcc4<\/td>\n<\/tr>\n<tr>\n<td><strong>ico<\/strong>_new<\/td>\n<td>\uc2e0\uaddc<\/td>\n<\/tr>\n<tr>\n<td><strong>ico<\/strong>_update<\/td>\n<td>\uc5c5\ub370\uc774\ud2b8<\/td>\n<\/tr>\n<tr>\n<td><strong>ico<\/strong>_reply<\/td>\n<td>\ub313\uae00<\/td>\n<\/tr>\n<tr>\n<td><strong>ico<\/strong>_target_blank<\/td>\n<td>\uc0c8\ucc3d<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\" rowspan=\"6\">\uc120<\/th>\n<td rowspan=\"6\"><strong>line<\/strong>_*<\/td>\n<td><strong>line<\/strong>_h<\/td>\n<td>\uc218\ud3c9<\/td>\n<td rowspan=\"6\">\ubcf4\ud1b5 \ucf58\ud150\ud2b8\ub97c \uad6c\ubd84\ud558\uae30 \uc704\ud55c \ubaa9\uc801\uc758 \uc2e4\uc120 \ub610\ub294 \uc810\uc120.<\/td>\n<td rowspan=\"6\">\ubc30\uacbd<\/td>\n<\/tr>\n<tr>\n<td><strong>line<\/strong>_v<\/td>\n<td>\uc218\uc9c1<\/td>\n<\/tr>\n<tr>\n<td><strong>line<\/strong>_s<\/td>\n<td>\uc2ac\ub798\uc2dc<\/td>\n<\/tr>\n<tr>\n<td><strong>line<\/strong>_bs<\/td>\n<td>\uc5ed\uc2ac\ub798\uc2dc<\/td>\n<\/tr>\n<tr>\n<td><strong>line<\/strong>_h_dot<\/td>\n<td>\uc218\ud3c9 \uc810\uc120<\/td>\n<\/tr>\n<tr>\n<td><strong>line<\/strong>_v_dot<\/td>\n<td>\uc218\uc9c1 \uc810\uc120<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\" rowspan=\"6\">\ubc30\uacbd<\/th>\n<td rowspan=\"6\"><strong>bg<\/strong>_*<\/td>\n<td><strong>bg<\/strong>_body<\/td>\n<td>\uc804\uccb4<\/td>\n<td rowspan=\"6\">\ube14\ub9bf, \ubc84\ud2bc, \uc120 \uc885\ub958 \uc774\uc678\uc758 \ubc30\uacbd\ucc98\ub9ac \uc774\ubbf8\uc9c0. \ubcf4\ud1b5 \uc77c\ub7ec\uc2a4\ud2b8.<\/td>\n<td rowspan=\"6\">\ubc30\uacbd<\/td>\n<\/tr>\n<tr>\n<td><strong>bg<\/strong>_head<\/td>\n<td>\uc0c1\ub2e8<\/td>\n<\/tr>\n<tr>\n<td><strong>bg<\/strong>_container<\/td>\n<td>\ucf58\ud14c\uc774\ub108<\/td>\n<\/tr>\n<tr>\n<td><strong>bg<\/strong>_spot<\/td>\n<td>\uc2a4\ud31f<\/td>\n<\/tr>\n<tr>\n<td><strong>bg<\/strong>_footer<\/td>\n<td>\ud48b\ud130<\/td>\n<\/tr>\n<tr>\n<td><strong>bg<\/strong>_lnb<\/td>\n<td>\ub85c\uceec \ub124\ube44\uac8c\uc774\uc158<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\" rowspan=\"3\">\uc0c1\ud0dc\ubcc0\ud654<\/th>\n<td rowspan=\"3\">*_<strong>off<\/strong><br \/>\n*_<strong>over<\/strong><br \/>\n*_<strong>on<\/strong><\/td>\n<td>tab_*_<strong>off<\/strong><\/td>\n<td>\ube44\ud65c\uc131<\/td>\n<td rowspan=\"3\">\ube44\ud65c\uc131\/\uc624\ubc84\/\ud65c\uc131 \uc0c1\ud0dc\uc5d0 \ub300\ud55c \ud45c\ud604.<\/td>\n<td rowspan=\"3\">\uc804\uacbd\/\ubc30\uacbd<\/td>\n<\/tr>\n<tr>\n<td>tab_*_<strong>over<\/strong><\/td>\n<td>\uc624\ubc84, \ud3ec\ucee4\uc2a4<\/td>\n<\/tr>\n<tr>\n<td>tab_*_<strong>on<\/strong><\/td>\n<td>\ud65c\uc131<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">\uad11\uace0<\/th>\n<td><strong>ad<\/strong>_*<\/td>\n<td><strong>ad<\/strong>_*<\/td>\n<td>\uad11\uace0<\/td>\n<td>\ubaa8\ub4e0 \uc885\ub958\uc758 \ubc30\ub108 \uad11\uace0.<\/td>\n<td>\uc804\uacbd<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\" rowspan=\"3\">\uc784\uc2dc<\/th>\n<td rowspan=\"3\"><strong>@<\/strong>*<\/td>\n<td><strong>@<\/strong>thumb<\/td>\n<td>\uc378\ub124\uc77c<\/td>\n<td rowspan=\"3\">\ud1b5\uc0c1 DB\uc5d0\uc11c \ubd88\ub7ec\uc624\uac8c\ub418\ub294 \uc784\uc2dc \uc774\ubbf8\uc9c0 \uc694\uc18c.<\/td>\n<td rowspan=\"3\">\uc804\uacbd<\/td>\n<\/tr>\n<tr>\n<td><strong>@<\/strong>photo<\/td>\n<td>\uc0ac\uc9c4<\/td>\n<\/tr>\n<tr>\n<td><strong>@<\/strong>ad<\/td>\n<td>\uad11\uace0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2 id=\"section5\">5. Image \ub124\uc774\ubc0d \uac00\uc774\ub4dc<\/h2>\n<div>\n<ul>\n<li>\n<dl>\n<dt>\uba85\uba85 \uc21c\uc11c :<\/dt>\n<dd>\ud070 \ubc94\uc8fc\uc758 \ubd84\ub958\uc5d0\uc11c \uc791\uc740 \ubc94\uc8fc\uc758 \ubd84\ub958 \uc21c\uc73c\ub85c \uba85\uba85\ud569\ub2c8\ub2e4. \ubd84\ub958\ub294 \uac00\uae09\uc801 3\ub2e8\uacc4\ub97c \ucd08\uacfc\ud558\uc9c0 \uc54a\ub3c4\ub85d \ud569\ub2c8\ub2e4. &#8216;<strong>\ub300\ubd84\ub958_\uc911\ubd84\ub958_\uc18c\ubd84\ub958<\/strong>&#8216; \ub610\ub294 &#8216;<strong>\ud615\ud0dc-\uc758\ubbf8-\uc0c1\ud0dc<\/strong>&#8216; \uc21c\uc73c\ub85c \uba85\uba85\ud569\ub2c8\ub2e4.<\/p>\n<div><img loading=\"lazy\" src=\"http:\/\/static.naver.com\/kin\/directory\/tab_recomm_best.gif\" alt=\"\ucd94\ucc9c\ubca0\uc2a4\ud2b8\" width=\"108\" height=\"27\" \/><br \/>\non_recommend_tab1.gif?<strong>(X)<\/strong><br \/>\ntab1_recommend_on.gif?<strong>(O)<\/strong>?<em>\ud0d0\uc0c9\uae30\uc5d0\uc11c \ud0ed\uba54\ub274\ub07c\ub9ac \uc815\ub82c\ub418\ubbc0\ub85c \ube60\ub974\uac8c \ucc3e\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4<\/em><\/div>\n<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>\ub2e8\uc5b4 \uc120\ud0dd :<\/dt>\n<dd>\ucd5c\ub300\ud55c \uc9c1\uad00\uc801\uc774\uc5b4\uc57c \ud558\uace0 \uc9e7\uc744\uc218\ub85d \uc88b\uc2b5\ub2c8\ub2e4. \uac00\ub2a5\ud558\ub2e4\uba74 \uc774\ubbf8\uc9c0\uc758 \ub300\uccb4\ud14d\uc2a4\ud2b8 \uc5ed\ud560\uc744 \uc218\ud589\ud560 \uc218 \uc788\ub294 \ub124\uc774\ubc0d\uc744 \uc6b0\uc120\uc801\uc73c\ub85c \uace0\ub824\ud569\ub2c8\ub2e4.<\/p>\n<div><img loading=\"lazy\" src=\"http:\/\/cafeimgs.naver.com\/img\/btn_search_m.gif\" alt=\"\uac80\uc0c9\" width=\"45\" height=\"22\" \/><br \/>\nbtn.gif?<strong>(X)<\/strong>?<em>\uc5b4\ub5a4 \uc758\ubbf8\uc758 \ubc84\ud2bc\uc778\uc9c0 \uc9c1\uad00\uc131\uc774 \ub5a8\uc5b4\uc9d1\ub2c8\ub2e4<\/em><br \/>\nbtn_search_naver_mail.gif?<strong>(X)<\/strong>?<em>\uc9c1\uad00\uc801\uc774\uc9c0\ub9cc \uc9c0\ub098\uce58\uac8c \uae41\ub2c8\ub2e4<\/em><br \/>\nbnms.gif?<strong>(X)<\/strong>?<em>\ub108\ubb34 \uc9e7\uc544\uc11c \uc758\ubbf8\ub97c \uc720\ucd94\ud558\uae30 \uc5b4\ub835\uc2b5\ub2c8\ub2e4?<\/em><br \/>\nbtn_search_mail.gif?<strong>(O)<\/strong>?<em>\uc801\ub2f9\ud788 \uc9e7\uc73c\uba74\uc11c\ub3c4 \uc9c1\uad00\uc801\uc785\ub2c8\ub2e4<\/em><\/div>\n<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>\ud5c8\uc6a9 \ubb38\uc790 :<\/dt>\n<dd>\uc601\ubb38 \uc18c\ubb38\uc790(abc)\uc640 \uc22b\uc790(123) \ubc0f \uc5b8\ub354\ubc14(_) \uc0ac\uc6a9\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc601\ubb38 \ub300\ubb38\uc790 \ubc0f \uae30\ud0c0 \uc5b8\uc5b4\uc640 \ud2b9\uc218\ubb38\uc790\ub294 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/p>\n<div>Btn_Search.gif?<strong>(X)<\/strong>?<em>\ub300\ubb38\uc790\uac00 \uc0ac\uc6a9\ub418\uc5c8\uc2b5\ub2c8\ub2e4?<\/em><br \/>\nbtn-search.gif?<strong>(X)<\/strong>?<em>\uc5b8\ub354\ubc14 \uc774\uc678\uc758 \ud2b9\uc218\ubb38\uc790\uac00 \uc0ac\uc6a9\ub418\uc5c8\uc2b5\ub2c8\ub2e4?<\/em><br \/>\nbtn_search.gif?<strong>(O)<\/strong><\/div>\n<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>\uc870\ud569 \uaddc\uce59 :<\/dt>\n<dd>&#8216;\ub2e8\uc5b4+\ub2e8\uc5b4&#8217;, \ub610\ub294 &#8216;\uc22b\uc790+\uc22b\uc790&#8217;\ub294 \uc5b8\ub354\ubc14(_)\ub85c \uc870\ud569\ud569\ub2c8\ub2e4. \ub2e8\uc5b4\uc640 \uc22b\uc790\ub97c \uc870\ud569\ud558\ub294 \uacbd\uc6b0 \uc5b8\ub354\ubc14(_)\ub294 \uc0dd\ub7b5\ud569\ub2c8\ub2e4.<\/p>\n<div>tab1recommendon.gif?<strong>(X)<\/strong>?<em>\ub2e8\uc5b4 \uc0ac\uc774\ub97c \uc5b8\ub354\ubc14\ub85c \uc870\ud569\ud558\uc9c0 \uc54a\uc544\uc11c \ud310\ub3c5\uc131\uc774 \ub5a8\uc5b4\uc9d1\ub2c8\ub2e4?<\/em><br \/>\ntab_1_recommend_on.gif?<strong>(X)<\/strong>?<em>\ub2e8\uc5b4\uc640 \uc22b\uc790 \uc0ac\uc774\uc758 \uc5b8\ub354\ubc14\uac00 \uc0dd\ub7b5\ub418\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4?<\/em><br \/>\ntab1_recommend_on.gif?<strong>(O)<\/strong>?<em>\ub2e8\uc5b4 \uc0ac\uc774\ub294 \uc5b8\ub354\ubc14\ub85c \uc870\ud569\ud558\uace0 \ub2e8\uc5b4\uc640 \uc22b\uc790 \uc0ac\uc774\uc758 \uc5b8\ub354\ubc14\ub294 \uc0dd\ub7b5 \ud558\uc600\uc2b5\ub2c8\ub2e4<\/em><\/div>\n<\/dd>\n<\/dl>\n<\/li>\n<li>\n<dl>\n<dt>\uc22b\uc790 \uaddc\uce59 :<\/dt>\n<dd>\uc22b\uc790\ub85c\ub294 \uc2dc\uc791\ud560 \uc218 \uc5c6\uc73c\uba70 \uc22b\uc790\uc758 \uc99d\uac00\ub294 &#8220;1&#8221; \ubd80\ud130 \uc2dc\uc791\ub429\ub2c8\ub2e4. \uc22b\uc790\uac00 \uc5c6\ub294 \ub2e8\uc5b4\ub294 \ud1b5\uc0c1 &#8220;1&#8221; \uc774\ub77c\ub294 \uc22b\uc790\uac00 \uc0dd\ub7b5\ub41c \uac83\uc73c\ub85c \uac04\uc8fc\ud569\ub2c8\ub2e4. \ub2e8, &#8220;01&#8221; \ud615\uc2dd\uc73c\ub85c \uc2dc\uc791\ub418\ub294 \uc608\uc678\uc0c1\ud669\ub3c4 \uc788\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<div>1btn_search.gif?<strong>(X)<\/strong>?<em>\uc22b\uc790\ub85c \uc2dc\uc791\ub418\uc5b4 \uc774\ubbf8\uc9c0\uc758 \uc6a9\ub3c4\uc640\ub294 \uad00\uacc4\uc5c6\uc774 \ud0d0\uc0c9\uae30\uc5d0 \uc815\ub82c\ub428<\/em><br \/>\nnum01.gif?<strong>(\u25b3)<\/strong>?<em>\ud074\ub798\uc2a4 \uc774\ub984\uc744 \uc774\uc6a9\ud55c \uc2a4\ud06c\ub9bd\ud2b8 \uc791\uc131\uc2dc 1~9\uae4c\uc9c0 \uc608\uc678\uc801\uc73c\ub85c &#8220;0&#8221;\uc744 \ucd94\uac00\ud574\uc57c \ud558\ubbc0\ub85c \uad6c\ud604 \uc774\uc288 \ubc1c\uc0dd\ud558\ub098 \uc608\uc678\uc0c1\ud669 \ud5c8\uc6a9?<\/em><br \/>\nbtn_search1.gif?<strong>(O)<\/strong>?<em>\ub3d9\uc77c\ud55c \uc758\ubbf8\ub97c \uc9c0\ub2cc \uc774\ubbf8\uc9c0\uac00 \uc5ec\ub7ec\uac1c\uc778 \uacbd\uc6b0 \uc22b\uc790\ub97c \ubd99\uc5ec\uc11c \uad6c\ubd84 \ud569\ub2c8\ub2e4<\/em><br \/>\nbtn_search.gif?<strong>(O)<\/strong>?<em>\ub3d9\uc77c\ud55c \uc758\ubbf8\ub97c \uc9c0\ub2cc \uc774\ubbf8\uc9c0\uac00 \uc5c6\ub2e4\uba74 \uc22b\uc790\ub294 \uc0dd\ub7b5 \ud569\ub2c8\ub2e4<\/em><\/div>\n<\/dd>\n<\/dl>\n<\/li>\n<\/ul>\n<\/div>\n<h2 id=\"section6\">6. Update History<\/h2>\n<div>\n<ul>\n<li>08.02.14 : id\/class \uc120\ud0dd\uc790 \uc120\uc5b8 \uaddc\uc57d \uc77c\ubd80 \uc218\uc815<\/li>\n<li>08.03.05 : id\/class \uc120\ud0dd\uc790 \uc120\uc5b8 \uaddc\uc57d\uc5d0 \uc608\uc81c\ubcf4\uae30 \ucd94\uac00<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>http:\/\/html.nhndesign.com\/guidelines\/naming\/ Location \ud83d\ude15NULI &gt; Guidelines &gt; Naming http:\/\/html.nhndesign.com\/guidelines\/naming\/ Naming Guidelines CSS \ud30c\uc77c \ub124\uc774\ubc0d id\/class \uc120\ud0dd\uc790 \uc120\uc5b8 \uaddc\uc57d id\/class \uc120\ud0dd\uc790 \ub124\uc774\ubc0d \uac00\uc774\ub4dc Image \ub124\uc774\ubc0d \uaddc\uc57d Image \ub124\uc774\ubc0d \uac00\uc774\ub4dc Update History (X)?\ud5c8\uc6a9&hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts\/239"}],"collection":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=239"}],"version-history":[{"count":0,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts\/239\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}