{"id":2475,"date":"2016-06-18T11:10:30","date_gmt":"2016-06-18T11:10:30","guid":{"rendered":"https:\/\/kiencang.net\/?p=2475"},"modified":"2016-06-18T11:10:30","modified_gmt":"2016-06-18T11:10:30","slug":"thuoc-tinh-data-trong-html","status":"publish","type":"post","link":"https:\/\/kiencang.net\/thuoc-tinh-data-trong-html\/","title":{"rendered":"Thu\u1ed9c t\u00ednh data-* trong HTML"},"content":{"rendered":"\n<p>V\u00ed d\u1ee5 m\u1ed9t \u0111o\u1ea1n code s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh&nbsp;data-* \u0111\u1ec3 nh\u00fang d\u1eef li\u1ec7u tu\u1ef3 ch\u1ec9nh:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul>\n\n&lt;li data-loai-vat=\"chim\">Qu\u1ea1&lt;\/li>\n\n&lt;li data-loai-vat=\"c\u00e1\">C\u00e1 voi&lt;\/li>\n\n&lt;li data-loai-vat=\"linh tr\u01b0\u1edfng\">Kh\u1ec9&lt;\/li>\n\n&lt;\/ul><\/code><\/pre>\n\n\n\n<ul><li data-loai-vat=\"chim\">Qu\u1ea1<\/li><li data-loai-vat=\"c\u00e1\">C\u00e1 voi<\/li><li data-loai-vat=\"linh tr\u01b0\u1edfng\">Kh\u1ec9<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch s\u1eed d\u1ee5ng<\/h2>\n\n\n\n<p>Thu\u1ed9c t\u00ednh data-* \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 l\u01b0u tr\u1eef d\u1eef li\u1ec7u tu\u1ef3 ch\u1ec9nh ri\u00eang cho trang ho\u1eb7c cho c\u00e1c \u1ee9ng d\u1ee5ng.<\/p>\n\n\n\n<p>Thu\u1ed9c t\u00ednh data-* cung c\u1ea5p cho ch\u00fang ta kh\u1ea3 n\u0103ng nh\u00fang d\u1eef li\u1ec7u tu\u1ef3 ch\u1ec9nh l\u00ean t\u1ea5t c\u1ea3 c\u00e1c th\u1ebb HTML<\/p>\n\n\n\n<p>D\u1eef li\u1ec7u tu\u1ef3 ch\u1ec9nh c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong trang ch\u1ee9 JavaScript \u0111\u1ec3 t\u1ea1o t\u00ednh t\u01b0\u01a1ng t\u00e1c t\u1ed1t h\u01a1n v\u1edbi tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng (kh\u00f4ng c\u1ea7n d\u00f9ng \u0111\u1ebfn Ajax ho\u1eb7c c\u00e1c truy v\u1ea5n d\u1eef li\u1ec7u m\u00e1y ch\u1ee7 &#8211; \u0111i\u1ec1u n\u00e0y gi\u00fap gi\u1ea3m t\u1ea3i m\u00e1y ch\u1ee7 &#8211; \u0111\u1ee1 t\u1ed1n chi ph\u00ed h\u01a1n).<\/p>\n\n\n\n<p>Thu\u1ed9c t\u00ednh data-* bao g\u1ed3m 2 th\u00e0nh ph\u1ea7n:<\/p>\n\n\n\n<ol><li>T\u00ean c\u1ee7a thu\u1ed9c t\u00ednh kh\u00f4ng \u0111\u01b0\u1ee3c ph\u00e9p bao g\u1ed3m b\u1ea5t k\u1ef3 k\u00fd t\u1ef1 IN HOA n\u00e0o, v\u00e0 ph\u1ea3i c\u00f3 \u00edt nh\u1ea5t m\u1ed9t k\u00fd t\u1ef1 \u0111\u1eb1ng sau ti\u1ec1n t\u1ed1 &#8220;data-&#8220;<\/li><li>Gi\u00e1 tr\u1ecb c\u1ee7a thu\u1ed9c t\u00ednh c\u00f3 th\u1ec3 ch\u1ee9a b\u1ea5t k\u1ef3 k\u00fd t\u1ef1 n\u00e0o<\/li><\/ol>\n\n\n\n<p><strong>L\u01b0u \u00fd<\/strong>: Thu\u1ed9c t\u00ednh tu\u1ef3 ch\u1ec9nh v\u1edbi ti\u1ec1n t\u1ed1 &#8220;data-&#8221; s\u1ebd b\u1ecb b\u1ecf qu\u1ea3 b\u1edfi b\u1ecd t\u00ecm ki\u1ebfm (user agent).<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3<\/h2>\n\n\n\n<figure class=\"wp-block-table browserref notranslate\"><table><tbody><tr><th>Thu\u1ed9c t\u00ednh<\/th><th>&nbsp;Chrome<\/th><th>&nbsp;IE<\/th><th>&nbsp;FireFox<\/th><th>&nbsp;Safari<\/th><th>&nbsp;Opera<\/th><\/tr><tr><td>data-*<\/td><td>4.0<\/td><td>5.5<\/td><td>2.0<\/td><td>3.1<\/td><td>9.6<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00fa ph\u00e1p<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;element data-*=\"somevalue\"><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>V\u00ed d\u1ee5 m\u1ed9t \u0111o\u1ea1n code s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh&nbsp;data-* \u0111\u1ec3 nh\u00fang d\u1eef li\u1ec7u tu\u1ef3 ch\u1ec9nh: Qu\u1ea1 C\u00e1 voi Kh\u1ec9 \u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch s\u1eed d\u1ee5ng Thu\u1ed9c t\u00ednh data-* \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 l\u01b0u tr\u1eef d\u1eef li\u1ec7u tu\u1ef3 ch\u1ec9nh ri\u00eang cho trang ho\u1eb7c cho c\u00e1c \u1ee9ng d\u1ee5ng. Thu\u1ed9c t\u00ednh data-* cung c\u1ea5p cho ch\u00fang ta kh\u1ea3 &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[235],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Thu\u1ed9c t\u00ednh data-* trong HTML &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/thuoc-tinh-data-trong-html\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Thu\u1ed9c t\u00ednh data-* trong HTML &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"V\u00ed d\u1ee5 m\u1ed9t \u0111o\u1ea1n code s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh&nbsp;data-* \u0111\u1ec3 nh\u00fang d\u1eef li\u1ec7u tu\u1ef3 ch\u1ec9nh: Qu\u1ea1 C\u00e1 voi Kh\u1ec9 \u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch s\u1eed d\u1ee5ng Thu\u1ed9c t\u00ednh data-* \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 l\u01b0u tr\u1eef d\u1eef li\u1ec7u tu\u1ef3 ch\u1ec9nh ri\u00eang cho trang ho\u1eb7c cho c\u00e1c \u1ee9ng d\u1ee5ng. Thu\u1ed9c t\u00ednh data-* cung c\u1ea5p cho ch\u00fang ta kh\u1ea3 &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/thuoc-tinh-data-trong-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-18T11:10:30+00:00\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Thu\u1ed9c t\u00ednh data-* trong HTML &#8226; Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/thuoc-tinh-data-trong-html\/","og_locale":"vi_VN","og_type":"article","og_title":"Thu\u1ed9c t\u00ednh data-* trong HTML &#8226; Ki\u1ebfn c\u00e0ng","og_description":"V\u00ed d\u1ee5 m\u1ed9t \u0111o\u1ea1n code s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh&nbsp;data-* \u0111\u1ec3 nh\u00fang d\u1eef li\u1ec7u tu\u1ef3 ch\u1ec9nh: Qu\u1ea1 C\u00e1 voi Kh\u1ec9 \u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch s\u1eed d\u1ee5ng Thu\u1ed9c t\u00ednh data-* \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 l\u01b0u tr\u1eef d\u1eef li\u1ec7u tu\u1ef3 ch\u1ec9nh ri\u00eang cho trang ho\u1eb7c cho c\u00e1c \u1ee9ng d\u1ee5ng. Thu\u1ed9c t\u00ednh data-* cung c\u1ea5p cho ch\u00fang ta kh\u1ea3 &hellip;","og_url":"https:\/\/kiencang.net\/thuoc-tinh-data-trong-html\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2016-06-18T11:10:30+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"1 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/thuoc-tinh-data-trong-html\/","url":"https:\/\/kiencang.net\/thuoc-tinh-data-trong-html\/","name":"Thu\u1ed9c t\u00ednh data-* trong HTML &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2016-06-18T11:10:30+00:00","dateModified":"2016-06-18T11:10:30+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/thuoc-tinh-data-trong-html\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/thuoc-tinh-data-trong-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/thuoc-tinh-data-trong-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Thu\u1ed9c t\u00ednh data-* trong HTML"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/2475"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=2475"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/2475\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=2475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=2475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=2475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}