{"id":658,"date":"2016-07-20T13:33:09","date_gmt":"2016-07-20T22:33:09","guid":{"rendered":"\/blog\/?p=658"},"modified":"2023-09-21T09:37:59","modified_gmt":"2023-09-21T00:37:59","slug":"html5-css-%ec%8a%a4%ed%84%b0%eb%94%94-%eb%a7%81%ed%81%ac","status":"publish","type":"post","link":"https:\/\/hasu0707.duckdns.org\/blog\/?p=658","title":{"rendered":"HTML5, CSS \uc2a4\ud130\ub514 \ub9c1\ud06c"},"content":{"rendered":"\n<p><a href=\"http:\/\/kiara77.tistory.com\/176\" target=\"_blank\" rel=\"noopener\">http:\/\/kiara77.tistory.com\/176<\/a><\/p>\r\n<p><br \/><\/p>\r\n<p><a href=\"http:\/\/xeguidebook.com\/Html5_css3\" target=\"_blank\" rel=\"noopener\">http:\/\/xeguidebook.com\/Html5_css3<\/a><br \/><\/p>\r\n<p><br \/><\/p>\r\n<p><br \/><\/p>\r\n<p><span style=\"font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; font-weight: bold; background-color: rgb(255, 255, 255);\">HTML5 \uc2dc\ub9ac\uc988 \uac15\uc88c \ub9ac\uc2a4\ud2b8<\/span><br \/><a href=\"http:\/\/www.sqler.com\/374157\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 1. HTML5 \uac1c\uc694<\/a><br \/><a href=\"http:\/\/www.sqler.com\/378506\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 2. HTML4 vs HTML5 (1)<\/a><br \/><a href=\"http:\/\/www.sqler.com\/379909\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 3. HTML4 vs HTML5 (2)<\/a><br \/><a href=\"http:\/\/www.sqler.com\/384917\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 4. Sementic Element (1)<\/a><br \/><a href=\"http:\/\/www.sqler.com\/385760\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 5. Sementic Element (2)<\/a><br \/><a href=\"http:\/\/www.sqler.com\/388439\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 6. Strong Web Form<\/a><br \/><a href=\"http:\/\/www.sqler.com\/388601\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 7. Rich Text Edit API<\/a><br \/><a href=\"http:\/\/www.sqler.com\/390020\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 8. Video Element<\/a><br \/><a href=\"http:\/\/www.sqler.com\/390814\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 9. Audio Element<\/a><br \/><a href=\"http:\/\/www.sqler.com\/395287\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 10. Canvas Element<\/a><br \/><a href=\"http:\/\/www.sqler.com\/395443\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 11. Drag &amp; Drop API<\/a><br \/><a href=\"http:\/\/www.sqler.com\/395451\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 12. Offline Web Application<\/a><br \/><a href=\"http:\/\/www.sqler.com\/395960\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 13. Communication API<\/a><br \/><a href=\"http:\/\/www.sqler.com\/396857\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 14. Web Storage<\/a><br \/><a href=\"http:\/\/www.sqler.com\/396957\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 15. Web SQL Database<\/a><br \/><a href=\"http:\/\/www.sqler.com\/398216\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 16. Web Worker<\/a><br \/><a href=\"http:\/\/www.sqler.com\/399721\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 17. Web Socket<\/a><br \/><a href=\"http:\/\/www.sqler.com\/400590\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 18. Geolocation API<\/a><br \/><a href=\"http:\/\/www.sqler.com\/401826\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 19. SVG<\/a><br \/><a href=\"http:\/\/www.sqler.com\/402253\" target=\"_blank\" style=\"text-decoration: none; font-family: Dotum, sans-serif, AppleGothic; line-height: 19.2px; text-align: justify; background-color: rgb(255, 255, 255);\" rel=\"noopener\">[HTML5\uac15\uc88c] 20. File API<\/a><br \/><\/p>\r\n<a href=\"http:\/\/kiara77.tistory.com\/176\" target=\"\" rel=\"noopener\"><\/a><p><a href=\"http:\/\/kiara77.tistory.com\/176\" target=\"\" rel=\"noopener\"><\/a><a href=\"http:\/\/kiara77.tistory.com\/176\" target=\"\" rel=\"noopener\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>http:\/\/kiara77.tistory.com\/176 http:\/\/xeguidebook.com\/Html5_css3 HTML5 \uc2dc\ub9ac\uc988 \uac15\uc88c \ub9ac\uc2a4\ud2b8[HTML5\uac15\uc88c] 1. HTML5 \uac1c\uc694[HTML5\uac15\uc88c] 2. HTML4 vs HTML5 (1)[HTML5\uac15\uc88c] 3. HTML4 vs HTML5 (2)[HTML5\uac15\uc88c] 4. Sementic Element (1)[HTML5\uac15\uc88c] 5. Sementic Element (2)[HTML5\uac15\uc88c] 6. Strong Web Form[HTML5\uac15\uc88c] 7. Rich Text Edit API[HTML5\uac15\uc88c] 8. Video Element[HTML5\uac15\uc88c] 9. Audio Element[HTML5\uac15\uc88c] 10. Canvas Element[HTML5\uac15\uc88c] 11. Drag &amp; Drop API[HTML5\uac15\uc88c] 12. Offline Web Application[HTML5\uac15\uc88c] 13. [&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-658","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\/658","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=658"}],"version-history":[{"count":0,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/658\/revisions"}],"wp:attachment":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=658"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=658"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}