{"id":1006,"date":"2019-08-14T13:26:05","date_gmt":"2019-08-14T22:26:05","guid":{"rendered":"\/blog\/?p=1006"},"modified":"2023-09-21T09:26:49","modified_gmt":"2023-09-21T00:26:49","slug":"%eb%b3%b8%eb%ac%b8-%ec%84%b9%ec%85%98section-%ec%9a%94%ec%86%8c-body-header-nav-section-article-main-aside-footer","status":"publish","type":"post","link":"https:\/\/hasu0707.duckdns.org\/blog\/?p=1006","title":{"rendered":"\ubcf8\ubb38: \uc139\uc158(Section) \uc694\uc18c - BODY, HEADER, NAV, SECTION, ARTICLE, MAIN, ASIDE, FOOTER"},"content":{"rendered":"<p>\ucd9c\ucc98:&nbsp;<a href=\"https:\/\/webdir.tistory.com\/310\" style=\"font-family: \uad74\ub9bc, \uad74\ub9bc\uccb4, Tahoma, Geneva, sans-serif;\">https:\/\/webdir.tistory.com\/310<\/a><\/p>\n<p><br \/><\/p>\n<p style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\">\uc6f9\ubb38\uc11c\uc758 \ubcf8\ubb38\uc744 \uad6c\uc131\ud558\ub294 \uc694\uc18c\ub4e4\uc911\uc5d0 SECTION\uc744 \uad6c\uc131\ud558\ub294 \uc694\uc18c\uc5d0 \ub300\ud558\uc5ec \uc54c\uc544\ubd05\ub2c8\ub2e4.<\/p>\n<p style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248); clear: none; float: none;\"><br \/><\/p>\n<p style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248); clear: none; float: none;\"><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/cms_xe\/img0200.png\" alt=\"261BFE435539390B1B.png\" width=\"476\" height=\"515\" editor_component=\"image_link\" \/>\n<\/p>\n<p><br \/><\/p>\n<br \/><p><\/p>\n<p style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248); clear: none; float: none;\"><br \/><\/p>\n<h3 style=\"box-sizing: border-box; font-size: 1em; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">BODY \uc694\uc18c<\/h3><p style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><code style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.85em; padding: 2px 4px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;\">&lt;body&gt;<\/code>&nbsp;\uc694\uc18c\ub294 \ubb38\uc11c\uc758 \ubcf8\ubb38 \uc601\uc5ed\uc744 \ud45c\uc2dc\ud55c\ub2e4. \ubcf8\ubb38 \uc601\uc5ed\uc740 \uc2e4\uc81c \ucf58\ud150\uce20\uac00 \ud45c\ud604\ub418\ub294 \uacf5\uac04\uc774\uba70, \uc774 \uacf5\uac04\uc5d0\uc11c \uc0ac\uc6a9\uc790\uc640\uc758 \uc0c1\ud638\uc791\uc6a9\uc774 \uc2e4\uc9c8\uc801\uc73c\ub85c \uc774\ub8e8\uc5b4\uc9c4\ub2e4. \ub610\ud55c body \uc694\uc18c\ub294 \ube0c\ub77c\uc6b0\uc800\uac00 \ub80c\ub354\ub9c1\ud574\uc57c \ud560 \ubc94\uc704\ub97c \uc54c\ub824\uc900\ub2e4.<\/p>\n<h3 style=\"box-sizing: border-box; font-size: 1em; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">HEADER \uc694\uc18c<\/h3><p style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\">HTML5\uc5d0 \uc0c8\ub86d\uac8c \ucd94\uac00\ub41c \uc694\uc18c\ub85c\uc11c, \uc6f9 \ubb38\uc11c \ub9e8 \uc717\ubd80\ubd84\uc5d0 \uc788\uc73c\uba70 \uc6f9 \uc0ac\uc774\ud2b8 \uc774\ub984, \uae00\ub85c\ubc8c \ub9c1\ud06c(\ub85c\uadf8\uc778, \ud68c\uc6d0\uac00\uc785, \uc0ac\uc774\ud2b8\ub9f5, \uc5b8\uc5b4 \uc120\ud0dd\ub4f1 \uc6f9\uc0ac\uc774\ud2b8 \uc5b4\ub290 \uacf3\uc5d0\uc11c\ub4e0\uc9c0 \uc774\uc6a9\ud560 \uc218 \uc788\ub294 \ub9c1\ud06c)\ub4f1\uc73c\ub85c \uad6c\uc131\ub41c \uc601\uc5ed\uc774\ub2e4.<\/p>\n<div class=\"prism-show-language\" style=\"box-sizing: border-box; position: relative; margin: 1em 0px -1em; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><div class=\"prism-show-language-label\" data-language=\"Html\" style=\"box-sizing: border-box; text-shadow: none; transform: none; padding: 0.2em 1em; color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; background: linear-gradient(rgb(51, 51, 51), rgb(0, 0, 0)); box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;\">HTML<\/div><\/div><pre class=\" language-html\" data-language=\"Html\" style=\"box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.95em; color: rgb(248, 248, 242); text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none; padding: 1em; background: rgb(39, 40, 34); border-radius: 0px; margin-top: 1em; margin-bottom: 1em;\"><code class=\" language-html\" style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.95em; padding: 0px; background-color: transparent; border-radius: 0px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-spacing: normal; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none;\"><span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>header<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>h1<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>LOGO<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>h1<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>h2<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\uac80\uc0c9<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>h2<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>input<\/span> <span class=\"token attr-name\" style=\"box-sizing: border-box; color: rgb(166, 226, 46);\">type<\/span><span class=\"token attr-value\" style=\"box-sizing: border-box; color: rgb(230, 219, 116);\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">=<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">\"<\/span>text<span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">\"<\/span><\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>header<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n<\/code><\/pre>\n\n<!-- \/wp:post-content -->\n<!-- \/wp:syntaxhighlighter\/code -->\n<ul style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><li style=\"box-sizing: border-box;\">\uc0ac\uc774\ud2b8 \uc774\ub984(\ub85c\uace0), \ub0b4\ube44\uac8c\uc774\uc158, \ud5e4\ub4dc\ub77c\uc778, \uac80\uc0c9 \ub4f1\uc73c\ub85c \uad6c\uc131\ub41c\ub2e4.<\/li><li style=\"box-sizing: border-box;\">\uacfc\uac70\uc5d0\ub294&nbsp;<code style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.85em; padding: 2px 4px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;\">&lt;div id=\"header\"&gt;<\/code>\uc640 \uac19\uc774 \uc0ac\uc6a9\ud588\uc5c8\ub2e4.<\/li><li style=\"box-sizing: border-box;\">\ubb38\uc11c\ub098 \uac01 section, article \uc758 \ud5e4\ub354 \ubd80\ubd84\uc5d0 \uc0ac\uc6a9\uac00\ub2a5\ud558\uba70, \uadf8\uac83\ub4e4\uc758 \uc81c\ubaa9\uc774\ub098 \uac04\ub2e8\ud55c \uc18c\uac1c \ucf58\ud150\uce20\ub97c \ub2f4\uc744 \uc218 \uc788\ub2e4.<\/li><li style=\"box-sizing: border-box;\">\ube0c\ub77c\uc6b0\uc800\uac00 \ud5e4\ub354\uc601\uc5ed\uc744 \uc778\uc2dd\ud560 \uc218 \uc788\uac8c\ub418\uba74 \uc2a4\ud06c\ub9b0\ub9ac\ub354\uc758 \ub0b4\ube44\uac8c\uc774\uc158\uacfc \uac80\uc0c9\uc5d4\uc9c4\uc758 \uc0c9\uc778\uc5d0 \ub3c4\uc6c0\uc744 \uc904 \uc218 \uc788\ub2e4.<\/li><\/ul><h4 style=\"box-sizing: border-box; font-size: 14px; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">\uc9c0\uc6d0 \ud604\ud669<\/h4><div class=\"table-responsive\" style=\"box-sizing: border-box; min-height: 0.01%; overflow-x: auto; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><table class=\"table table-bordered \" style=\"box-sizing: border-box; border-collapse: collapse; border-spacing: 0px; background-color: transparent; width: 1362px; max-width: 100%; margin-bottom: 20px; border: 1px solid rgb(221, 221, 221);\"><thead style=\"box-sizing: border-box; background-color: rgb(238, 238, 238);\"><tr style=\"box-sizing: border-box;\"><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc778\ud130\ub137\uc775\uc2a4\ud50c\ub85c\uc6b0<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\ud30c\uc774\uc5b4\ud3ed\uc2a4<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc0ac\ud30c\ub9ac<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\ud06c\ub86c<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc624\ud398\ub77c<\/th><\/tr><\/thead><tbody style=\"box-sizing: border-box;\"><tr style=\"box-sizing: border-box;\"><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">IE9<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">FF4<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">SF5, iOS4<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">CH7, An2.1<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">O11<\/td><\/tr><\/tbody><\/table><\/div><h3 style=\"box-sizing: border-box; font-size: 1em; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">NAV \uc694\uc18c<\/h3><p style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\">HTML5\uc5d0 \uc0c8\ub86d\uac8c \ucd94\uac00\ub41c \uc694\uc18c\ub85c\uc11c, \ubaa9\uc801\uc9c0\ub85c \uc774\ub3d9\ud560 \uc218 \uc788\ub3c4\ub85d \ub9c1\ud06c\ub97c \ubcc4\ub3c4\ub85c \ubaa8\uc544\ub454 \uc601\uc5ed\uc774\ub2e4.<\/p>\n<div class=\"prism-show-language\" style=\"box-sizing: border-box; position: relative; margin: 1em 0px -1em; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><div class=\"prism-show-language-label\" data-language=\"Html\" style=\"box-sizing: border-box; text-shadow: none; transform: none; padding: 0.2em 1em; color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; background: linear-gradient(rgb(51, 51, 51), rgb(0, 0, 0)); box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;\">HTML<\/div><\/div><pre class=\" language-html\" data-language=\"Html\" style=\"box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.95em; color: rgb(248, 248, 242); text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none; padding: 1em; background: rgb(39, 40, 34); border-radius: 0px; margin-top: 1em; margin-bottom: 1em;\"><code class=\" language-html\" style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.95em; padding: 0px; background-color: transparent; border-radius: 0px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-spacing: normal; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none;\"><span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>nav<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>h1<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\uba54\uc778 \ub0b4\ube44\uac8c\uc774\uc158<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>h1<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>ul<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>li<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\uba54\ub2741<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>li<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\uba54\ub2742<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>ul<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>nav<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n<\/code><\/pre>\n<!-- \/wp:syntaxhighlighter\/code -->\n<!-- \/wp:syntaxhighlighter\/code -->\n<!-- \/wp:syntaxhighlighter\/code -->\n<ul style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><li style=\"box-sizing: border-box;\">\ub9c1\ud06c \uc911\uc5d0\uc11c \uc911\uc694\ub3c4\uac00 \ub192\uc740 \ub9c1\ud06c\ub97c \uccb4\uacc4\uc801\uc73c\ub85c \uad6c\uc131\ud574 \ub193\uc740 \uac83\uc73c\ub85c \ub2e8\uc21c \ubcf8\ubb38 \ub9c1\ud06c\uc640 \uba54\ub274(\uce74\ud14c\uace0\ub9ac) \uc131\uaca9\uc758 \ub9c1\ud06c\uc778\uc9c0 \ud655\uc778\uc774 \uac00\ub2a5\ud558\ub2e4.<\/li><li style=\"box-sizing: border-box;\">ul, li, a \uc694\uc18c\ub4e4\uc744 \uc5ec\uc804\ud788 \ud568\uaed8 \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4.<\/li><li style=\"box-sizing: border-box;\">\ube0c\ub77c\uc6b0\uc800\uac00 \ub124\ube44\uac8c\uc774\uc158 \uc601\uc5ed\uc744 \uc54c \uc218 \uc788\uac8c \ub418\uba74 \uc2a4\ud06c\ub9b0\ub9ac\ub354\uc758 \ub0b4\ube44\uac8c\uc774\uc158\uacfc \uac80\uc0c9\uc5d4\uc9c4\uc758 \uc0c9\uc778\uc5d0\ub3c4 \ub3c4\uc6c0\uc744 \uc904 \uc218 \uc788\ub2e4.<\/li><\/ul><h4 style=\"box-sizing: border-box; font-size: 14px; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">\uc9c0\uc6d0 \ud604\ud669<\/h4><div class=\"table-responsive\" style=\"box-sizing: border-box; min-height: 0.01%; overflow-x: auto; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><table class=\"table table-bordered \" style=\"box-sizing: border-box; border-collapse: collapse; border-spacing: 0px; background-color: transparent; width: 1362px; max-width: 100%; margin-bottom: 20px; border: 1px solid rgb(221, 221, 221);\"><thead style=\"box-sizing: border-box; background-color: rgb(238, 238, 238);\"><tr style=\"box-sizing: border-box;\"><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc778\ud130\ub137\uc775\uc2a4\ud50c\ub85c\uc6b0<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\ud30c\uc774\uc5b4\ud3ed\uc2a4<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc0ac\ud30c\ub9ac<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\ud06c\ub86c<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc624\ud398\ub77c<\/th><\/tr><\/thead><tbody style=\"box-sizing: border-box;\"><tr style=\"box-sizing: border-box;\"><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">IE9<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">FF4<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">SF5, iOS4<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">CH7, An2.1<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">O11<\/td><\/tr><\/tbody><\/table><\/div><h3 style=\"box-sizing: border-box; font-size: 1em; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">SECTION \uc694\uc18c<\/h3><p style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\">HTML5\uc5d0 \uc0c8\ub86d\uac8c \ucd94\uac00\ub41c \uc694\uc18c\ub85c\uc11c, \uc139\uc158\uc744 \ud45c\uc2dc\ud55c\ub2e4.<\/p>\n<div class=\"prism-show-language\" style=\"box-sizing: border-box; position: relative; margin: 1em 0px -1em; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><div class=\"prism-show-language-label\" data-language=\"Html\" style=\"box-sizing: border-box; text-shadow: none; transform: none; padding: 0.2em 1em; color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; background: linear-gradient(rgb(51, 51, 51), rgb(0, 0, 0)); box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;\">HTML<\/div><\/div><pre class=\" language-html\" data-language=\"Html\" style=\"box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.95em; color: rgb(248, 248, 242); text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none; padding: 1em; background: rgb(39, 40, 34); border-radius: 0px; margin-top: 1em; margin-bottom: 1em;\"><code class=\" language-html\" style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.95em; padding: 0px; background-color: transparent; border-radius: 0px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-spacing: normal; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none;\"><span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>section<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>article<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>h1<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\uc81c\ubaa9<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>h1<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\ubcf8\ubb38<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>article<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>section<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n<\/code><\/pre>\n<!-- \/wp:syntaxhighlighter\/code -->\n<!-- \/wp:syntaxhighlighter\/code -->\n<!-- \/wp:syntaxhighlighter\/code -->\n<ul style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><li style=\"box-sizing: border-box;\">\ub0b4\uc6a9\uc801 \ud750\ub984\uacfc \uad6c\uc870\ub97c \ub9cc\ub4e4\uae30 \uc704\ud574 \ub0b4\uc6a9\uc744 \ub098\ub204\ub294 \uc6a9\ub3c4\uc774\ub2e4.<\/li><li style=\"box-sizing: border-box;\">\uac19\uc740 \uc131\uaca9\uc758 \ub0b4\uc6a9, \uc989 \uad00\ub828\uc788\ub294 \ub0b4\uc6a9\uc744 section \uc694\uc18c\ub85c \ubb36\uc5b4 \ud45c\uc2dc\ud55c\ub2e4.<\/li><li style=\"box-sizing: border-box;\">\ub274\uc2a4\uc640 \uad11\uace0 \uc139\uc158 \ucc98\ub7fc \uc11c\ub85c \ub2e4\ub978 \uc131\uaca9\uc744 \uc9c0\ub2cc \uac83\ub4e4\uc744 section \uc694\uc18c\ub85c \ud45c\uc2dc\ud558\uba74 \uc601\uc5ed \uad6c\ubd84\uc774 \uc544\uc8fc \uba85\ud655\ud574\uc9c4\ub2e4.<\/li><li style=\"box-sizing: border-box;\">\ud0ed\uacfc \uac19\uc740 \uc0c1\uc704 \uc8fc\uc81c \uc544\ub798\uc5d0 \ud558\uc704 \uc8fc\uc81c\ub85c \uc5ee\uc778 \ud0ed \ubc29\uc2dd\uc758 \uad6c\uc131\uc77c\ub54c \uac01\uac01\uc758 \ud0ed\uc744 section \uc694\uc18c\ub85c \ud45c\uc2dc\ud560 \uc218 \uc788\ub2e4.<\/li><li style=\"box-sizing: border-box;\">\uc139\uc158\uc740 \ub3c5\ub9bd\uc801\uc778 \uc601\uc5ed\uc774\ub77c \uc139\uc158 \ub0b4\uc5d0\ub3c4 \ud5e4\ub354(header)\uc640 \ud478\ud130(footer)\ub97c \ub458 \uc218 \uc788\ub2e4. \uc774\uac83\uc740 \uc139\uc158\ub9c8\ub2e4 \ub098\ub984\uc758 \uc81c\ubaa9 \uccb4\uacc4\ub97c \uac00\uc9c8 \uc218 \uc788\ub2e4\ub294 \uac83\uc744 \uc758\ubbf8\ud558\uba70, \uc139\uc158\ub9c8\ub2e4 H1 \uc694\uc18c\ub97c \uac00\uc9c8 \uc218 \uc788\uac8c \ub418\uc5c8\ub2e4.<\/li><li style=\"box-sizing: border-box;\">\uc2a4\ud06c\ub9b0\ub9ac\ub354 \uc0ac\uc6a9\uc790\ub294 \uc139\uc158 \ub2e8\uc704\ub85c \uc774\ub3d9\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c \ubb38\uc11c \ub0b4 \ub0b4\ube44\uac8c\uc774\uc158\uc774 \uc880 \ub354 \uc218\uc6d4\ud574\uc9c0\uace0 \uac80\uc0c9\uc5d4\uc9c4\uc740 \ud2b9\uc815 \uc139\uc158 \uc911\uc2ec\uc73c\ub85c \uc0c9\uc778 \ud65c\ub3d9\uc744 \ud560 \uc218 \uc788\uc73c\ubbc0\ub85c \uac80\uc0c9\uc5d4\uc9c4\uc758 \ud6a8\uc728\uc131\uc744 \ub192\uc77c \uc218 \uc788\ub2e4.<\/li><\/ul><h4 style=\"box-sizing: border-box; font-size: 14px; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">\uc9c0\uc6d0 \ud604\ud669<\/h4><div class=\"table-responsive\" style=\"box-sizing: border-box; min-height: 0.01%; overflow-x: auto; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><table class=\"table table-bordered \" style=\"box-sizing: border-box; border-collapse: collapse; border-spacing: 0px; background-color: transparent; width: 1362px; max-width: 100%; margin-bottom: 20px; border: 1px solid rgb(221, 221, 221);\"><thead style=\"box-sizing: border-box; background-color: rgb(238, 238, 238);\"><tr style=\"box-sizing: border-box;\"><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc778\ud130\ub137\uc775\uc2a4\ud50c\ub85c\uc6b0<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\ud30c\uc774\uc5b4\ud3ed\uc2a4<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc0ac\ud30c\ub9ac<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\ud06c\ub86c<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc624\ud398\ub77c<\/th><\/tr><\/thead><tbody style=\"box-sizing: border-box;\"><tr style=\"box-sizing: border-box;\"><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\"><p style=\"box-sizing: border-box;\">IE9<\/p>\n<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">FF4<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">SF5, iOS4<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">CH7, An2.1<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">O11<\/td><\/tr><\/tbody><\/table><\/div><h3 style=\"box-sizing: border-box; font-size: 1em; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">ARTICLE \uc694\uc18c<\/h3><p style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\">HTML5\uc5d0 \uc0c8\ub86d\uac8c \ucd94\uac00\ub41c \uc694\uc18c\ub85c\uc11c, \ub3c5\ub9bd\uc801\uc73c\ub85c \uad6c\uc131\ub41c \uae00\uc744 \ud45c\uc2dc\ud55c\ub2e4.<\/p>\n<div class=\"prism-show-language\" style=\"box-sizing: border-box; position: relative; margin: 1em 0px -1em; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><div class=\"prism-show-language-label\" data-language=\"Html\" style=\"box-sizing: border-box; text-shadow: none; transform: none; padding: 0.2em 1em; color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; background: linear-gradient(rgb(51, 51, 51), rgb(0, 0, 0)); box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;\">HTML<\/div><\/div><pre class=\" language-html\" data-language=\"Html\" style=\"box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.95em; color: rgb(248, 248, 242); text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none; padding: 1em; background: rgb(39, 40, 34); border-radius: 0px; margin-top: 1em; margin-bottom: 1em;\"><code class=\" language-html\" style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.95em; padding: 0px; background-color: transparent; border-radius: 0px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-spacing: normal; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none;\"><span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>article<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>header<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>h1<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>HTML5 \uad6c\uc870<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>h1<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>Published On <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>time<\/span> <span class=\"token attr-name\" style=\"box-sizing: border-box; color: rgb(166, 226, 46);\">datetime<\/span><span class=\"token attr-value\" style=\"box-sizing: border-box; color: rgb(230, 219, 116);\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">=<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">\"<\/span>2013-01-22<span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">\"<\/span><\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>2013\ub1441\uc6d422\uc77c<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>time<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span><span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>header<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\ubcf8\ubb38 \ub0b4\uc6a9<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>footer<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>Posted in unclepapa<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>footer<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>article<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span> <span class=\"token comment\" spellcheck=\"true\" style=\"box-sizing: border-box; color: slategray;\">&lt;!-- \ucf54\uba58\ud2b8 \uc2dc\uc791 --&gt;<\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>header<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n        \uc791\uc131\uc790:<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>a<\/span> <span class=\"token attr-name\" style=\"box-sizing: border-box; color: rgb(166, 226, 46);\">href<\/span><span class=\"token attr-value\" style=\"box-sizing: border-box; color: rgb(230, 219, 116);\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">=<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">\"<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">\"<\/span><\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\ub098\uadf8\ub124<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>a<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span> at <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>time<\/span> <span class=\"token attr-name\" style=\"box-sizing: border-box; color: rgb(166, 226, 46);\">datetime<\/span><span class=\"token attr-value\" style=\"box-sizing: border-box; color: rgb(230, 219, 116);\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">=<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">\"<\/span>2013-01-22T08:45<span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">\"<\/span><\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>2013\ub1441\uc6d422\uc77c 08:45<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>time<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>header<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\ucf54\uba58\ud2b8 \ub0b4\uc6a9<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>article<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span> <span class=\"token comment\" spellcheck=\"true\" style=\"box-sizing: border-box; color: slategray;\">&lt;!-- \ucf54\uba58\ud2b8 \ub05d --&gt;<\/span>\n<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>article<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n<\/code><\/pre>\n<!-- \/wp:syntaxhighlighter\/code -->\n<!-- \/wp:syntaxhighlighter\/code -->\n<!-- \/wp:syntaxhighlighter\/code -->\n<ul style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><li style=\"box-sizing: border-box;\">\ubcf8\ubb38\uacfc \ubcc4\uac1c\ub85c \uad6c\uc131\ub418\uc5b4 \ub2e4\ub978 \uc601\uc5ed\uc5d0 \uc601\ud5a5\uc744 \uc8fc\uac70\ub098 \ubc1b\uc9c0 \uc54a\uace0 \ub3c5\ub9bd\uc801\uc73c\ub85c \ubc30\ud3ec\ub418\uac70\ub098 \uc7ac\uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4.<\/li><li style=\"box-sizing: border-box;\">\uac8c\uc2dc\ud310\uc758 \uac8c\uc2dc\ubb3c, \ube14\ub85c\uadf8 \ud3ec\uc2a4\ud2b8, \ub313\uae00, \uc704\uc82f\uc5d0 \ub2f4\uae34 \ucf58\ud150\uce20\ub4f1\uc774 article\uc5d0 \ud574\ub2f9\ud55c\ub2e4.<\/li><li style=\"box-sizing: border-box;\">\uc77c\ubc18\uc801\uc778 \uc0c1\ud669\uc5d0\uc11c\ub294 section \uc694\uc18c\uac00 article \uc694\uc18c\ub97c \ud3ec\ud568\ud55c\ub2e4. \ud558\uc9c0\ub9cc \ub3c5\ub9bd\uc801\uc73c\ub85c \uad6c\uc131\ub41c \ub0b4\uc6a9\uc774 \uba87 \uac1c\uc758 \uc139\uc158\uc73c\ub85c \uad6c\uc131\ub41c \uacbd\uc6b0\ub77c\uba74 article \uc694\uc18c\uac00 section \uc694\uc18c\ub97c \ud3ec\ud568\ud560 \uc218\ub3c4 \uc788\ub2e4.<\/li><li style=\"box-sizing: border-box;\">section \uc694\uc18c\uac00 \uad00\ub828 \uc788\ub294 \ub0b4\uc6a9\uc744 \ubb36\ub294 \uc5ed\ud560\uc774\ub77c\uba74 article \uc694\uc18c\ub294 \uad00\ub828 \uc788\ub294 \ub0b4\uc6a9 \uc911\uc5d0\uc11c \ub3c5\ub9bd\uc801\uc73c\ub85c \uad6c\uc131\ub41c \uae00\uc744 \ubcc4\ub3c4\ub85c \ubb36\ub294 \uc5ed\ud560\uc774\ub2e4.<\/li><li style=\"box-sizing: border-box;\">article \uc601\uc5ed \ub0b4\uc5d0 \ud5e4\ub354(header)\uc640 \ud478\ud130(footer)\ub97c \ub458 \uc218 \uc788\ub2e4.<\/li><li style=\"box-sizing: border-box;\">article \uc694\uc18c\uc548\uc5d0 article \uc694\uc18c\uac00 \ub4e4\uc5b4\uac08 \uacbd\uc6b0, \ubc16\uc758 \uc694\uc18c\uc758 \ub0b4\uc6a9\uacfc \uc548\ucabd\uc758 \uc694\uc18c\uc758 \ub0b4\uc6a9\uc774 \uad00\ub828\uc774 \uc788\ub294 \ub0b4\uc6a9\uc774\ub77c\ub294 \uac83\uc744 \uc758\ubbf8\ud55c\ub2e4.<\/li><\/ul><h4 style=\"box-sizing: border-box; font-size: 14px; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">\uc9c0\uc6d0 \ud604\ud669<\/h4><div class=\"table-responsive\" style=\"box-sizing: border-box; min-height: 0.01%; overflow-x: auto; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><table class=\"table table-bordered \" style=\"box-sizing: border-box; border-collapse: collapse; border-spacing: 0px; background-color: transparent; width: 1362px; max-width: 100%; margin-bottom: 20px; border: 1px solid rgb(221, 221, 221);\"><thead style=\"box-sizing: border-box; background-color: rgb(238, 238, 238);\"><tr style=\"box-sizing: border-box;\"><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc778\ud130\ub137\uc775\uc2a4\ud50c\ub85c\uc6b0<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\ud30c\uc774\uc5b4\ud3ed\uc2a4<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc0ac\ud30c\ub9ac<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\ud06c\ub86c<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc624\ud398\ub77c<\/th><\/tr><\/thead><tbody style=\"box-sizing: border-box;\"><tr style=\"box-sizing: border-box;\"><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">IE9<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">FF4<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">SF5, iOS4<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">CH7, An2.1<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">O11<\/td><\/tr><\/tbody><\/table><\/div><h3 style=\"box-sizing: border-box; font-size: 1em; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">MAIN \uc694\uc18c<\/h3><p style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\">HTML5 \uad8c\uace0\ud6c4\ubcf4\uc5d0 main\uc694\uc18c\uac00 \ucd94\uac00\ub418\uc5c8\ub2e4.<a href=\"http:\/\/www.w3.org\/html\/wg\/drafts\/html\/CR\/\" style=\"box-sizing: border-box; background-color: transparent; color: rgb(34, 34, 34); text-decoration-line: none;\">http:\/\/www.w3.org\/html\/wg\/drafts\/html\/CR\/<\/a><\/p>\n<div class=\"prism-show-language\" style=\"box-sizing: border-box; position: relative; margin: 1em 0px -1em; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><div class=\"prism-show-language-label\" data-language=\"Html\" style=\"box-sizing: border-box; text-shadow: none; transform: none; padding: 0.2em 1em; color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; background: linear-gradient(rgb(51, 51, 51), rgb(0, 0, 0)); box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;\">HTML<\/div><\/div><pre class=\" language-html\" data-language=\"Html\" style=\"box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.95em; color: rgb(248, 248, 242); text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none; padding: 1em; background: rgb(39, 40, 34); border-radius: 0px; margin-top: 1em; margin-bottom: 1em;\"><code class=\" language-html\" style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.95em; padding: 0px; background-color: transparent; border-radius: 0px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-spacing: normal; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none;\"><span class=\"token comment\" spellcheck=\"true\" style=\"box-sizing: border-box; color: slategray;\">&lt;!-- other content --&gt;<\/span>\n\n<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>main<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>h1<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>Apples<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>h1<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>The apple is the pomaceous fruit of the apple tree.<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>article<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>h2<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>Red Delicious<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>h2<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>These bright red apples are the most common found in many\n    supermarkets.<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>... <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>... <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>article<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>article<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>h2<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>Granny Smith<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>h2<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>These juicy, green apples make a great filling for\n    apple pies.<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>... <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>... <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>article<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n\n<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>main<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n\n<span class=\"token comment\" spellcheck=\"true\" style=\"box-sizing: border-box; color: slategray;\">&lt;!-- other content --&gt;<\/span>\n<\/code><\/pre>\n<!-- \/wp:syntaxhighlighter\/code -->\n<!-- \/wp:syntaxhighlighter\/code -->\n<!-- \/wp:syntaxhighlighter\/code -->\n<ul style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><li style=\"box-sizing: border-box;\">\ubb38\uc11c\ub0b4 main\uc694\uc18c\uac00 \ub098\uc624\ub294 \uac83\uc740 1\ubc88\ub9cc \ud5c8\uc6a9<\/li><li style=\"box-sizing: border-box;\">\ucf58\ud150\uce20\ubaa8\ub378\uc740 Flow content<\/li><li style=\"box-sizing: border-box;\">\ub2e8, main\uc694\uc18c\ub97c article, aside, footer, header, nav\uc694\uc18c\uc758 \ud558\uc704\ub85c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc74c<\/li><li style=\"box-sizing: border-box;\">\uc139\uc158 \ucf58\ud150\uce20\uac00 \uc544\ub2c8\uae30 \ub54c\ubb38\uc5d0 \uc544\uc6c3\ub77c\uc778 \uc0dd\uc131\ud558\uc9c0 \uc54a\uc74c<\/li><\/ul><p style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\">main \uc694\uc18c\ub294 ARIA(Accessible Rich Internet Applicaitons)\uc758 role=\"main\"\uc5d0 \ub9e4\ud551\ub418\uc9c0\ub9cc, \uc0ac\uc6a9\uc790\uc5d0\uc774\uc804\ud2b8\uac00 \uc774 \ub9e4\ud551\uc744 \ud3ec\ud568\ud560 \ub54c\uae4c\uc9c0\ub294 main\uc694\uc18c\uc640 role=\"main\"\uc744 \uac19\uc774 \uc0ac\uc6a9\ud558\ub294 \uac83\uc744 \ucd94\ucc9c\ud558\uace0 \uc788\ub2e4.<\/p>\n<h4 style=\"box-sizing: border-box; font-size: 14px; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">\uc9c0\uc6d0 \ud604\ud669<\/h4><div class=\"table-responsive\" style=\"box-sizing: border-box; min-height: 0.01%; overflow-x: auto; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><table class=\"table table-bordered \" style=\"box-sizing: border-box; border-collapse: collapse; border-spacing: 0px; background-color: transparent; width: 1362px; max-width: 100%; margin-bottom: 20px; border: 1px solid rgb(221, 221, 221);\"><thead style=\"box-sizing: border-box; background-color: rgb(238, 238, 238);\"><tr style=\"box-sizing: border-box;\"><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc778\ud130\ub137\uc775\uc2a4\ud50c\ub85c\uc6b0<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\ud30c\uc774\uc5b4\ud3ed\uc2a4<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc0ac\ud30c\ub9ac<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\ud06c\ub86c<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc624\ud398\ub77c<\/th><\/tr><\/thead><tbody style=\"box-sizing: border-box;\"><tr style=\"box-sizing: border-box;\"><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">\ubbf8\uc9c0\uc6d0<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">\uc9c0\uc6d0<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">\uc9c0\uc6d0<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">\uc9c0\uc6d0<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">\uc9c0\uc6d0<\/td><\/tr><\/tbody><\/table><\/div><h3 style=\"box-sizing: border-box; font-size: 1em; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">ASIDE \uc694\uc18c<\/h3><p style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\">HTML5\uc5d0 \uc0c8\ub86d\uac8c \ucd94\uac00\ub41c \uc694\uc18c\ub85c\uc11c, \ud398\uc774\uc9c0 \uc804\uccb4 \ub0b4\uc6a9\uacfc\ub294 \uc5b4\ub290\uc815\ub3c4 \uad00\ub828\uc131\uc774 \uc788\uc9c0\ub9cc \uc8fc\uc694 \ub0b4\uc6a9\uacfc\ub294 \uc9c1\uc811\uc801\uc778 \uc5f0\uad00\uc131\uc740 \uc5c6\ub294 \ubd84\ub9ac\ub41c \ub0b4\uc6a9\uc744 \ub2f4\uace0 \uc788\ub2e4.<\/p>\n<div class=\"prism-show-language\" style=\"box-sizing: border-box; position: relative; margin: 1em 0px -1em; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><div class=\"prism-show-language-label\" data-language=\"Html\" style=\"box-sizing: border-box; text-shadow: none; transform: none; padding: 0.2em 1em; color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; background: linear-gradient(rgb(51, 51, 51), rgb(0, 0, 0)); box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;\">HTML<\/div><\/div><pre class=\" language-html\" data-language=\"Html\" style=\"box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.95em; color: rgb(248, 248, 242); text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none; padding: 1em; background: rgb(39, 40, 34); border-radius: 0px; margin-top: 1em; margin-bottom: 1em;\"><code class=\" language-html\" style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.95em; padding: 0px; background-color: transparent; border-radius: 0px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-spacing: normal; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none;\"><span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>aside<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>section<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>h3<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\ucd5c\uadfc\uae00<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>h1<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>ul<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n      <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>li<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\ubaa9\ub85d1<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n      <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>li<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\ubaa9\ub85d2<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n    <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>ul<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>section<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>aside<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n<\/code><\/pre>\n<!-- \/wp:syntaxhighlighter\/code -->\n<!-- \/wp:syntaxhighlighter\/code -->\n<!-- \/wp:syntaxhighlighter\/code -->\n<ul style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><li style=\"box-sizing: border-box;\">\ud754\ud788 \uc0ac\uc774\ub4dc\ubc14\ub77c\uace0 \ubd80\ub974\ub294 \uc601\uc5ed\uc73c\ub85c \ubc30\ub108, \uc6a9\uc5b4 \uc124\uba85, \uad00\ub828 \uc0c1\ud488 \ub4f1 \ubcf8\ubb38 \ub0b4\uc6a9\uacfc \uc9c1\uc811\uc801\uc778 \uad00\ub828\uc131\uc774 \uc801\uac70\ub098 \uc5c6\ub294 \ub0b4\uc6a9\uc73c\ub85c \uad6c\uc131\ub41c\ub2e4.<\/li><li style=\"box-sizing: border-box;\">aside \uc694\uc18c\ub85c \uad6c\uc131\ub41c \uac83\uc744 \uac80\uc0c9\uc5d4\uc9c4\uc740 \ubb34\uc2dc\ud558\uace0 \ubcf8\ubb38 \uc704\uc8fc\ub85c \uc0c9\uc778\uc744 \uc9c4\ud589\ud560 \uc218 \uc788\uace0 \uc2a4\ud06c\ub9b0\ub9ac\ub354 \uc0ac\uc6a9\uc790\ub294 \ud574\ub2f9 \uc601\uc5ed\uc774 \uc5b4\ub5a4 \uc131\uaca9\uc758 \uc601\uc5ed\uc778\uc9c0 \uc2e0\uc18d\ud558\uac8c \ud30c\uc545\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c \uace7\ubc14\ub85c \ub2e4\ub978 \uc601\uc5ed\uc73c\ub85c \uc774\ub3d9\ud560 \uc218\ub3c4 \uc788\ub2e4.<\/li><\/ul><h4 style=\"box-sizing: border-box; font-size: 14px; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">\uc9c0\uc6d0 \ud604\ud669<\/h4><div class=\"table-responsive\" style=\"box-sizing: border-box; min-height: 0.01%; overflow-x: auto; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><table class=\"table table-bordered \" style=\"box-sizing: border-box; border-collapse: collapse; border-spacing: 0px; background-color: transparent; width: 1362px; max-width: 100%; margin-bottom: 20px; border: 1px solid rgb(221, 221, 221);\"><thead style=\"box-sizing: border-box; background-color: rgb(238, 238, 238);\"><tr style=\"box-sizing: border-box;\"><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc778\ud130\ub137\uc775\uc2a4\ud50c\ub85c\uc6b0<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\ud30c\uc774\uc5b4\ud3ed\uc2a4<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc0ac\ud30c\ub9ac<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\ud06c\ub86c<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc624\ud398\ub77c<\/th><\/tr><\/thead><tbody style=\"box-sizing: border-box;\"><tr style=\"box-sizing: border-box;\"><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">IE9<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">FF4<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">SF5, iOS4<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">CH7, An2.1<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">O11<\/td><\/tr><\/tbody><\/table><\/div><h3 style=\"box-sizing: border-box; font-size: 1em; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">FOOTER \uc694\uc18c<\/h3><p style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\">HTML5\uc5d0 \uc0c8\ub86d\uac8c \ucd94\uac00\ub41c \uc694\uc18c\ub85c\uc11c, \uc6f9 \ubb38\uc11c \ub9e8 \uc544\ub798\ucabd\uc5d0 \uc788\uc73c\uba70 \uc800\uc791\uad8c, \uc5f0\ub77d\ucc98\ub4f1\uc73c\ub85c \uad6c\uc131\ub41c \uc601\uc5ed\uc774\ub2e4.<\/p>\n<div class=\"prism-show-language\" style=\"box-sizing: border-box; position: relative; margin: 1em 0px -1em; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><div class=\"prism-show-language-label\" data-language=\"Html\" style=\"box-sizing: border-box; text-shadow: none; transform: none; padding: 0.2em 1em; color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; background: linear-gradient(rgb(51, 51, 51), rgb(0, 0, 0)); box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;\">HTML<\/div><\/div><pre class=\" language-html\" data-language=\"Html\" style=\"box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.95em; color: rgb(248, 248, 242); text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none; padding: 1em; background: rgb(39, 40, 34); border-radius: 0px; margin-top: 1em; margin-bottom: 1em;\"><code class=\" language-html\" style=\"box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.95em; padding: 0px; background-color: transparent; border-radius: 0px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; direction: ltr; word-spacing: normal; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none;\"><span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>footer<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>address<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>  \n    \uc5f0\ub77d\ucc98 : <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>a<\/span> <span class=\"token attr-name\" style=\"box-sizing: border-box; color: rgb(166, 226, 46);\">href<\/span><span class=\"token attr-value\" style=\"box-sizing: border-box; color: rgb(230, 219, 116);\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">=<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">\"<\/span>mailto:webmaster@somedomain.com<span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">\"<\/span><\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>help@example.com<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>a<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>.<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>br<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>  \n    \ubaa8\uc9c8\ub77c \uc7ac\ub2e8, 1981 Landings Drive Building K Mountain View, CA 94043-0801 USA  \n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>address<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n  <span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;<\/span>small<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>Copyright <span class=\"token entity\" title=\"\u00a9\" style=\"box-sizing: border-box; cursor: help;\">&amp;copy;<\/span> 2013 Mozila<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>small<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n<span class=\"token tag\" style=\"box-sizing: border-box; color: rgb(249, 38, 114);\"><span class=\"token tag\" style=\"box-sizing: border-box;\"><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&lt;\/<\/span>footer<\/span><span class=\"token punctuation\" style=\"box-sizing: border-box; color: rgb(248, 248, 242);\">&gt;<\/span><\/span>\n<\/code><\/pre>\n<!-- \/wp:syntaxhighlighter\/code -->\n<!-- \/wp:syntaxhighlighter\/code -->\n<!-- \/wp:syntaxhighlighter\/code -->\n<ul style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><li style=\"box-sizing: border-box;\">\ud478\ud130\ub294 \ubc14\ub2e5 \uc601\uc5ed \ub610\ub294 \uaf2c\ub9ac\ub9d0\uc744 \uc9c0\uce6d\ud558\ub294\ub370, \uc800\uc791\uad8c, \uc5f0\ub77d\uc815\ubcf4 \ub4f1 \ubcf8\ubb38\uacfc\uc758 \uad00\ub828\uc131\uc740 \uc788\uc9c0\ub9cc \ubcf8\ubb38\uc5d0\ub294 \ub2f4\uae30 \uc5b4\ub824\uc6b4 \ub0b4\uc6a9\uc744 \ub2f4\ub294\ub2e4.<\/li><li style=\"box-sizing: border-box;\">\uc77c\ubc18\uc801\uc73c\ub85c \ud478\ud130 \uc601\uc5ed\uc740 \ud55c \ubb38\uc11c \ub0b4\uc5d0\uc11c \ud55c \ubc88\ub9cc \uc81c\uacf5\ub418\uc9c0\ub9cc section \uc694\uc18c\ub098 article \uc694\uc18c \ub0b4\uc5d0 \uc788\ub294 footer \uc694\uc18c\ub294 \ud574\ub2f9 \uc601\uc5ed\uc5d0 \uad00\ud55c \uaf2c\ub9ac\ub9d0\uc744 \ud45c\uc2dc\ud560 \uc218 \uc788\ub2e4.<\/li><li style=\"box-sizing: border-box;\">\ub9e8\uc704\ub85c \uac00\uae30 \ub9c1\ud06c\ub098 \ud5e4\ub354\uc758 \uba54\uc778 \ub0b4\ube44\uac8c\uc774\uc158\ub3c4 \ubc18\ubcf5 \uc81c\uacf5\uc744 \uc704\ud574 \ud478\ud130 \uc601\uc5ed\uc5d0 \ub458 \uc218 \uc788\ub2e4.<\/li><\/ul><h4 style=\"box-sizing: border-box; font-size: 14px; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">\uc9c0\uc6d0 \ud604\ud669<\/h4><div class=\"table-responsive\" style=\"box-sizing: border-box; min-height: 0.01%; overflow-x: auto; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\"><table class=\"table table-bordered \" style=\"box-sizing: border-box; border-collapse: collapse; border-spacing: 0px; background-color: transparent; width: 1362px; max-width: 100%; margin-bottom: 20px; border: 1px solid rgb(221, 221, 221);\"><thead style=\"box-sizing: border-box; background-color: rgb(238, 238, 238);\"><tr style=\"box-sizing: border-box;\"><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc778\ud130\ub137\uc775\uc2a4\ud50c\ub85c\uc6b0<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\ud30c\uc774\uc5b4\ud3ed\uc2a4<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc0ac\ud30c\ub9ac<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\ud06c\ub86c<\/th><th style=\"box-sizing: border-box; padding: 8px; text-align: left; line-height: 1.42857; vertical-align: bottom; border-width: 0px 1px 2px; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial;\">\uc624\ud398\ub77c<\/th><\/tr><\/thead><tbody style=\"box-sizing: border-box;\"><tr style=\"box-sizing: border-box;\"><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">IE9<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">FF4<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">SF5, iOS4<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">CH7, An2.1<\/td><td style=\"box-sizing: border-box; padding: 8px; line-height: 1.42857; vertical-align: middle; border: 1px solid rgb(221, 221, 221);\">O11<\/td><\/tr><\/tbody><\/table><\/div><h3 style=\"box-sizing: border-box; font-size: 1em; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; background-color: rgb(248, 248, 248);\">TEMPLATE<\/h3><p style=\"box-sizing: border-box; color: rgb(85, 85, 85); font-family: &quot;Malgun Gothic&quot;, &quot;\ub9d1\uc740 \uace0\ub515&quot;, \uad74\ub9bc, gulim, \ub3cb\uc6c0, dotum, &quot;Microsoft NeoGothic&quot;, &quot;Droid sans&quot;, sans-serif; font-size: 14px; background-color: rgb(248, 248, 248);\">\uc139\uc158 \uc694\uc18c\ub294 \uc544\ub2c8\uc9c0\ub9cc \uc0c8\ub85c \uc0dd\uae34 \uc694\uc18c\uc911\uc5d0 \ud558\ub098\ub97c \uc18c\uac1c\ud55c\ub2e4.&nbsp;<a href=\"http:\/\/www.html5rocks.com\/ko\/tutorials\/webcomponents\/template\/\" style=\"box-sizing: border-box; background-color: transparent; color: rgb(34, 34, 34); text-decoration-line: none;\">http:\/\/www.html5rocks.com\/ko\/tutorials\/webcomponents\/template\/<\/a><\/p><!-- \/wp:freeform -->","protected":false},"excerpt":{"rendered":"<p>\ucd9c\ucc98:&nbsp;https:\/\/webdir.tistory.com\/310 \uc6f9\ubb38\uc11c\uc758 \ubcf8\ubb38\uc744 \uad6c\uc131\ud558\ub294 \uc694\uc18c\ub4e4\uc911\uc5d0 SECTION\uc744 \uad6c\uc131\ud558\ub294 \uc694\uc18c\uc5d0 \ub300\ud558\uc5ec \uc54c\uc544\ubd05\ub2c8\ub2e4. BODY \uc694\uc18c &lt;body&gt;&nbsp;\uc694\uc18c\ub294 \ubb38\uc11c\uc758 \ubcf8\ubb38 \uc601\uc5ed\uc744 \ud45c\uc2dc\ud55c\ub2e4. \ubcf8\ubb38 \uc601\uc5ed\uc740 \uc2e4\uc81c \ucf58\ud150\uce20\uac00 \ud45c\ud604\ub418\ub294 \uacf5\uac04\uc774\uba70, \uc774 \uacf5\uac04\uc5d0\uc11c \uc0ac\uc6a9\uc790\uc640\uc758 \uc0c1\ud638\uc791\uc6a9\uc774 \uc2e4\uc9c8\uc801\uc73c\ub85c \uc774\ub8e8\uc5b4\uc9c4\ub2e4. \ub610\ud55c body \uc694\uc18c\ub294 \ube0c\ub77c\uc6b0\uc800\uac00 \ub80c\ub354\ub9c1\ud574\uc57c \ud560 \ubc94\uc704\ub97c \uc54c\ub824\uc900\ub2e4. HEADER \uc694\uc18c HTML5\uc5d0 \uc0c8\ub86d\uac8c \ucd94\uac00\ub41c \uc694\uc18c\ub85c\uc11c, \uc6f9 \ubb38\uc11c \ub9e8 \uc717\ubd80\ubd84\uc5d0 \uc788\uc73c\uba70 \uc6f9 \uc0ac\uc774\ud2b8 \uc774\ub984, \uae00\ub85c\ubc8c \ub9c1\ud06c(\ub85c\uadf8\uc778, \ud68c\uc6d0\uac00\uc785, \uc0ac\uc774\ud2b8\ub9f5, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[23],"tags":[],"class_list":["post-1006","post","type-post","status-publish","format-standard","hentry","category-development_web"],"_links":{"self":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1006"}],"version-history":[{"count":0,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1006\/revisions"}],"wp:attachment":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}