{"id":27953,"date":"2025-05-08T12:55:44","date_gmt":"2025-05-08T05:55:44","guid":{"rendered":"https:\/\/interdata.vn\/blog\/?p=27953"},"modified":"2025-07-20T15:06:21","modified_gmt":"2025-07-20T08:06:21","slug":"attribute-la-gi","status":"publish","type":"post","link":"https:\/\/interdata.vn\/blog\/attribute-la-gi\/","title":{"rendered":"Attribute l\u00e0 g\u00ec? Vai tr\u00f2 &#8211; C\u00e1c thu\u1ed9c t\u00ednh HTML ph\u1ed5 bi\u1ebfn (V\u00ed d\u1ee5)"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">N\u1ed8I DUNG<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#Thuoc-tinh-%E2%80%93-Attribute-la-gi\" >Thu\u1ed9c t\u00ednh &#8211; Attribute l\u00e0 g\u00ec?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#Vai-tro-cua-thuoc-tinh-trong-HTML\" >Vai tr\u00f2 c\u1ee7a thu\u1ed9c t\u00ednh trong HTML<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#Cung-cap-thong-tin-bo-sung\" >Cung c\u1ea5p th\u00f4ng tin b\u1ed5 sung<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#Sua-doi-hanh-vi-hoac-hien-thi\" >S\u1eeda \u0111\u1ed5i h\u00e0nh vi ho\u1eb7c hi\u1ec3n th\u1ecb<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#Lien-ket-voi-tai-nguyen-ngoai\" >Li\u00ean k\u1ebft v\u1edbi t\u00e0i nguy\u00ean ngo\u00e0i<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#Dinh-danh-va-phan-loai\" >\u0110\u1ecbnh danh v\u00e0 ph\u00e2n lo\u1ea1i<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#Mot-so-Attribute-HTML-pho-bien\" >M\u1ed9t s\u1ed1 Attribute HTML ph\u1ed5 bi\u1ebfn<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#Cac-thuoc-tinh-ho-tro-da-ngon-ngu-trong-HTML\" >C\u00e1c thu\u1ed9c t\u00ednh h\u1ed7 tr\u1ee3 \u0111a ng\u00f4n ng\u1eef trong HTML<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#1-Thuoc-tinh-lang-Language\" >1. Thu\u1ed9c t\u00ednh lang (Language)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#2-Thuoc-tinh-dir-Direction\" >2. Thu\u1ed9c t\u00ednh dir (Direction)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#3-Thuoc-tinh-translate-%E2%80%93-Kiem-soat-dich-tu-dong\" >3. Thu\u1ed9c t\u00ednh translate \u2013 Ki\u1ec3m so\u00e1t d\u1ecbch t\u1ef1 \u0111\u1ed9ng<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#4-Boolean-attributes-Thuoc-tinh-khong-can-gia-tri\" >4. Boolean attributes (Thu\u1ed9c t\u00ednh kh\u00f4ng c\u1ea7n gi\u00e1 tr\u1ecb)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#Nhung-dieu-can-luu-y-trong-thuoc-tinh-HTML\" >Nh\u1eefng \u0111i\u1ec1u c\u1ea7n l\u01b0u \u00fd trong thu\u1ed9c t\u00ednh HTML<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#Luon-su-dung-thuoc-tinh-viet-thuong\" >Lu\u00f4n s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh vi\u1ebft th\u01b0\u1eddng<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#Luon-dat-gia-tri-thuoc-tinh-trong-dau-ngoac-kep\" >Lu\u00f4n \u0111\u1eb7t gi\u00e1 tr\u1ecb thu\u1ed9c t\u00ednh trong d\u1ea5u ngo\u1eb7c k\u00e9p<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#-Khai-bao-gia-tri-thuoc-tinh-co-chua-dau-ngoac-kep\" >\u00a0Khai b\u00e1o gi\u00e1 tr\u1ecb thu\u1ed9c t\u00ednh c\u00f3 ch\u1ee9a d\u1ea5u ngo\u1eb7c k\u00e9p<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#Cac-thuoc-tinh-kieu-Boolean-duoc-viet-ma-khong-can-gia-tri\" >C\u00e1c thu\u1ed9c t\u00ednh ki\u1ec3u Boolean \u0111\u01b0\u1ee3c vi\u1ebft m\u00e0 kh\u00f4ng c\u1ea7n gi\u00e1 tr\u1ecb<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#-Sap-xep-thu-tu-thuoc-tinh-de-de-doc\" >\u00a0S\u1eafp x\u1ebfp th\u1ee9 t\u1ef1 thu\u1ed9c t\u00ednh \u0111\u1ec3 d\u1ec5 \u0111\u1ecdc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/interdata.vn\/blog\/attribute-la-gi\/#Tranh-su-dung-cac-thuoc-tinh-da-loi-thoi\" >Tr\u00e1nh s\u1eed d\u1ee5ng c\u00e1c thu\u1ed9c t\u00ednh \u0111\u00e3 l\u1ed7i th\u1eddi<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<p>Mu\u1ed1n l\u00e0m ch\u1ee7 HTML v\u00e0 t\u1ea1o ra nh\u1eefng <a href=\"https:\/\/interdata.vn\/blog\/page-la-gi\/\">trang web<\/a> kh\u00f4ng ch\u1ec9 \u0111\u1eb9p m\u00e0 c\u00f2n ho\u1ea1t \u0111\u1ed9ng hi\u1ec7u qu\u1ea3? Hi\u1ec3u r\u00f5 Thu\u1ed9c t\u00ednh &#8211; Attribute l\u00e0 g\u00ec trong HTML ch\u00ednh l\u00e0 n\u1ec1n t\u1ea3ng kh\u00f4ng th\u1ec3 thi\u1ebfu! Ch\u00fang l\u00e0 nh\u1eefng &#8220;gia v\u1ecb&#8221; \u0111\u1eb7c bi\u1ec7t th\u00eam v\u00e0o th\u1ebb HTML. B\u00e0i vi\u1ebft n\u00e0y c\u1ee7a InterData s\u1ebd c\u00f9ng b\u1ea1n kh\u00e1m ph\u00e1 t\u1ea5t t\u1ea7n t\u1eadt v\u1ec1 Attribute: t\u1eeb vai tr\u00f2 quan tr\u1ecdng, c\u00e1c lo\u1ea1i thu\u1ed9c t\u00ednh ph\u1ed5 bi\u1ebfn \u0111\u1ebfn nh\u1eefng quy t\u1eafc s\u1eed d\u1ee5ng \u0111\u00fang chu\u1ea9n nh\u1ea5t. \u0110\u1ecdc ngay!<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Thuoc-tinh-%E2%80%93-Attribute-la-gi\"><\/span>Thu\u1ed9c t\u00ednh &#8211; Attribute l\u00e0 g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Thu\u1ed9c t\u00ednh (Attribute) trong HTML l\u00e0 nh\u1eefng t\u1eeb kh\u00f3a \u0111\u1eb7c bi\u1ec7t \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng b\u00ean trong th\u1ebb m\u1edf (opening tag) c\u1ee7a m\u1ed9t ph\u1ea7n t\u1eed HTML (HTML element) \u0111\u1ec3 cung c\u1ea5p th\u00f4ng tin b\u1ed5 sung ho\u1eb7c c\u1ea5u h\u00ecnh cho ph\u1ea7n t\u1eed \u0111\u00f3. Ch\u00fang kh\u00f4ng hi\u1ec3n th\u1ecb tr\u1ef1c ti\u1ebfp tr\u00ean trang web nh\u01b0ng l\u1ea1i \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn c\u00e1ch ph\u1ea7n t\u1eed ho\u1ea1t \u0111\u1ed9ng ho\u1eb7c hi\u1ec3n th\u1ecb.<\/p>\n<figure id=\"attachment_27955\" aria-describedby=\"caption-attachment-27955\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Thuoc-tinh-Attribute-la-gi.jpg\" alt=\"Thu\u1ed9c t\u00ednh - Attribute l\u00e0 g\u00ec\" width=\"800\" height=\"442\" class=\"wp-image-27955 size-full\" title=\"\" srcset=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Thuoc-tinh-Attribute-la-gi.jpg 800w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Thuoc-tinh-Attribute-la-gi-300x166.jpg 300w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Thuoc-tinh-Attribute-la-gi-768x424.jpg 768w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Thuoc-tinh-Attribute-la-gi-750x414.jpg 750w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-27955\" class=\"wp-caption-text\">Thu\u1ed9c t\u00ednh &#8211; Attribute l\u00e0 g\u00ec?<\/figcaption><\/figure>\n<p>Attributes gi\u00fap m\u1edf r\u1ed9ng kh\u1ea3 n\u0103ng c\u1ee7a c\u00e1c ph\u1ea7n t\u1eed HTML c\u01a1 b\u1ea3n. Ch\u00fang c\u00f3 th\u1ec3 d\u00f9ng \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh ngu\u1ed3n t\u00e0i nguy\u00ean (nh\u01b0 \u1ea3nh, link), \u00e1p d\u1ee5ng ki\u1ec3u d\u00e1ng (styling), th\u00eam th\u00f4ng tin ng\u1eef ngh\u0129a, ki\u1ec3m so\u00e1t h\u00e0nh vi, ho\u1eb7c t\u1ea1o li\u00ean k\u1ebft v\u1edbi <a href=\"https:\/\/interdata.vn\/blog\/css-la-gi\/\">CSS<\/a> v\u00e0 <a href=\"https:\/\/interdata.vn\/blog\/javascript-la-gi\/\">JavaScript<\/a>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Vai-tro-cua-thuoc-tinh-trong-HTML\"><\/span>Vai tr\u00f2 c\u1ee7a thu\u1ed9c t\u00ednh trong HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>M\u1ee5c \u0111\u00edch ch\u00ednh c\u1ee7a thu\u1ed9c t\u00ednh (Attribute) trong HTML l\u00e0 \u0111\u1ec3 cung c\u1ea5p th\u00f4ng tin b\u1ed5 sung v\u00e0 \u0111i\u1ec1u ch\u1ec9nh, c\u1ea5u h\u00ecnh c\u00e1c ph\u1ea7n t\u1eed (elements). Ch\u00fang &#8220;m\u1edf r\u1ed9ng&#8221; kh\u1ea3 n\u0103ng c\u1ee7a c\u00e1c th\u1ebb HTML c\u01a1 b\u1ea3n, l\u00e0m cho ch\u00fang tr\u1edf n\u00ean \u0111a n\u0103ng v\u00e0 c\u00f3 \u00fd ngh\u0129a h\u01a1n trong vi\u1ec7c x\u00e2y d\u1ef1ng trang web.<\/p>\n<p>N\u1ebfu kh\u00f4ng c\u00f3 thu\u1ed9c t\u00ednh, c\u00e1c th\u1ebb HTML ph\u1ea7n l\u1edbn ch\u1ec9 l\u00e0 nh\u1eefng kh\u1ed1i c\u1ea5u tr\u00fac t\u0129nh. Ch\u00ednh thu\u1ed9c t\u00ednh \u0111\u00e3 &#8220;th\u1ed5i h\u1ed3n&#8221; v\u00e0o ch\u00fang, t\u1ea1o ra c\u00e1c li\u00ean k\u1ebft, hi\u1ec3n th\u1ecb h\u00ecnh \u1ea3nh, \u00e1p d\u1ee5ng ki\u1ec3u d\u00e1ng v\u00e0 \u0111\u1ecbnh ngh\u0129a c\u00e1c ch\u1ee9c n\u0103ng t\u01b0\u01a1ng t\u00e1c c\u1ea7n thi\u1ebft cho m\u1ed9t trang web ho\u00e0n ch\u1ec9nh.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Cung-cap-thong-tin-bo-sung\"><\/span>Cung c\u1ea5p th\u00f4ng tin b\u1ed5 sung<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>M\u1ed9t vai tr\u00f2 quan tr\u1ecdng c\u1ee7a thu\u1ed9c t\u00ednh l\u00e0 b\u1ed5 sung ng\u1eef ngh\u0129a ho\u1eb7c th\u00f4ng tin m\u00f4 t\u1ea3 m\u00e0 b\u1ea3n th\u00e2n th\u1ebb HTML kh\u00f4ng th\u1ec3 hi\u1ec7n h\u1ebft. V\u00ed d\u1ee5 \u0111i\u1ec3n h\u00ecnh l\u00e0 thu\u1ed9c t\u00ednh <code>alt<\/code> trong th\u1ebb <code>&lt;img&gt;<\/code> cung c\u1ea5p m\u00f4 t\u1ea3 v\u0103n b\u1ea3n cho h\u00ecnh \u1ea3nh khi n\u00f3 kh\u00f4ng hi\u1ec3n th\u1ecb \u0111\u01b0\u1ee3c.<\/p>\n<p>T\u01b0\u01a1ng t\u1ef1, thu\u1ed9c t\u00ednh <code>lang<\/code> tr\u00ean th\u1ebb <code>&lt;html&gt;<\/code> x\u00e1c \u0111\u1ecbnh ng\u00f4n ng\u1eef c\u1ee7a trang, hay <code>title<\/code> cung c\u1ea5p m\u1ed9t ch\u00fa gi\u1ea3i nh\u1ecf khi di chu\u1ed9t qua ph\u1ea7n t\u1eed. Th\u00f4ng tin n\u00e0y r\u1ea5t quan tr\u1ecdng cho c\u1ea3 ng\u01b0\u1eddi d\u00f9ng, m\u00e1y t\u00ecm ki\u1ebfm v\u00e0 c\u00f4ng ngh\u1ec7 h\u1ed7 tr\u1ee3 (nh\u01b0 tr\u00ecnh \u0111\u1ecdc m\u00e0n h\u00ecnh).<\/p>\n<figure id=\"attachment_27956\" aria-describedby=\"caption-attachment-27956\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Vai-tro-cua-thuoc-tinh-trong-HTML.jpg\" alt=\"Vai tr\u00f2 c\u1ee7a thu\u1ed9c t\u00ednh trong HTML\" width=\"800\" height=\"500\" class=\"size-full wp-image-27956\" title=\"\" srcset=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Vai-tro-cua-thuoc-tinh-trong-HTML.jpg 800w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Vai-tro-cua-thuoc-tinh-trong-HTML-300x188.jpg 300w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Vai-tro-cua-thuoc-tinh-trong-HTML-768x480.jpg 768w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Vai-tro-cua-thuoc-tinh-trong-HTML-750x469.jpg 750w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-27956\" class=\"wp-caption-text\">Vai tr\u00f2 c\u1ee7a thu\u1ed9c t\u00ednh trong HTML<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Sua-doi-hanh-vi-hoac-hien-thi\"><\/span>S\u1eeda \u0111\u1ed5i h\u00e0nh vi ho\u1eb7c hi\u1ec3n th\u1ecb<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Attribute c\u00f3 th\u1ec3 thay \u0111\u1ed5i tr\u1ef1c ti\u1ebfp c\u00e1ch m\u1ed9t ph\u1ea7n t\u1eed HTML ho\u1ea1t \u0111\u1ed9ng ho\u1eb7c tr\u00f4ng nh\u01b0 th\u1ebf n\u00e0o tr\u00ean trang web. V\u00ed d\u1ee5 r\u00f5 r\u00e0ng nh\u1ea5t l\u00e0 thu\u1ed9c t\u00ednh <code>href<\/code> bi\u1ebfn v\u0103n b\u1ea3n trong th\u1ebb <code>&lt;a&gt;<\/code> th\u00e0nh m\u1ed9t si\u00eau li\u00ean k\u1ebft (hyperlink) c\u00f3 th\u1ec3 nh\u1ea5p \u0111\u01b0\u1ee3c \u0111\u1ec3 chuy\u1ec3n trang.<\/p>\n<p>Thu\u1ed9c t\u00ednh <code>style<\/code> cho ph\u00e9p \u00e1p d\u1ee5ng c\u00e1c quy t\u1eafc CSS tr\u1ef1c ti\u1ebfp \u0111\u1ec3 thay \u0111\u1ed5i m\u00e0u s\u1eafc, k\u00edch th\u01b0\u1edbc, v\u1ecb tr\u00ed,&#8230; c\u1ee7a ph\u1ea7n t\u1eed. Hay thu\u1ed9c t\u00ednh boolean nh\u01b0 <code>disabled<\/code> c\u00f3 th\u1ec3 l\u00e0m cho m\u1ed9t n\u00fat b\u1ea5m (button) ho\u1eb7c \u00f4 nh\u1eadp li\u1ec7u (input) b\u1ecb v\u00f4 hi\u1ec7u h\u00f3a, kh\u00f4ng th\u1ec3 t\u01b0\u01a1ng t\u00e1c.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Lien-ket-voi-tai-nguyen-ngoai\"><\/span>Li\u00ean k\u1ebft v\u1edbi t\u00e0i nguy\u00ean ngo\u00e0i<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Nhi\u1ec1u thu\u1ed9c t\u00ednh \u0111\u00f3ng vai tr\u00f2 nh\u01b0 c\u1ea7u n\u1ed1i, gi\u00fap ph\u1ea7n t\u1eed HTML li\u00ean k\u1ebft v\u00e0 t\u1ea3i v\u1ec1 c\u00e1c t\u00e0i nguy\u00ean t\u1eeb b\u00ean ngo\u00e0i ho\u1eb7c t\u1eeb m\u1ed9t v\u1ecb tr\u00ed kh\u00e1c tr\u00ean m\u00e1y ch\u1ee7. Ph\u1ed5 bi\u1ebfn nh\u1ea5t l\u00e0 thu\u1ed9c t\u00ednh <code>src<\/code> (source) d\u00f9ng trong th\u1ebb <code>&lt;img&gt;<\/code> \u0111\u1ec3 ch\u1ec9 \u0111\u1ecbnh \u0111\u01b0\u1eddng d\u1eabn file \u1ea3nh.<\/p>\n<p>T\u01b0\u01a1ng t\u1ef1, <code>src<\/code> c\u0169ng d\u00f9ng trong th\u1ebb <code>&lt;script&gt;<\/code> \u0111\u1ec3 nh\u00fang file m\u00e3 JavaScript, hay thu\u1ed9c t\u00ednh <code>href<\/code> trong th\u1ebb <code>&lt;link&gt;<\/code> (th\u01b0\u1eddng \u0111\u1eb7t trong <code>&lt;head&gt;<\/code>) \u0111\u1ec3 li\u00ean k\u1ebft \u0111\u1ebfn file CSS \u0111\u1ecbnh ki\u1ec3u cho to\u00e0n b\u1ed9 trang web. Ch\u00fang gi\u00fap trang web hi\u1ec3n th\u1ecb \u0111a d\u1ea1ng n\u1ed9i dung.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Dinh-danh-va-phan-loai\"><\/span>\u0110\u1ecbnh danh v\u00e0 ph\u00e2n lo\u1ea1i<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Thu\u1ed9c t\u00ednh <code>id<\/code> v\u00e0 <code>class<\/code> \u0111\u00f3ng vai tr\u00f2 c\u1ef1c k\u1ef3 quan tr\u1ecdng trong vi\u1ec7c &#8220;\u0111\u00e1nh d\u1ea5u&#8221; c\u00e1c ph\u1ea7n t\u1eed HTML. Thu\u1ed9c t\u00ednh <code>id<\/code> g\u00e1n m\u1ed9t t\u00ean \u0111\u1ecbnh danh duy nh\u1ea5t cho m\u1ed9t ph\u1ea7n t\u1eed c\u1ee5 th\u1ec3, kh\u00f4ng ph\u1ea7n t\u1eed n\u00e0o kh\u00e1c tr\u00ean trang \u0111\u01b0\u1ee3c tr\u00f9ng <code>id<\/code> \u0111\u00f3.<\/p>\n<p>Trong khi \u0111\u00f3, thu\u1ed9c t\u00ednh <code>class<\/code> d\u00f9ng \u0111\u1ec3 ph\u00e2n lo\u1ea1i, g\u00e1n m\u1ed9t ho\u1eb7c nhi\u1ec1u &#8220;nh\u00e3n nh\u00f3m&#8221; cho c\u00e1c ph\u1ea7n t\u1eed. Nhi\u1ec1u ph\u1ea7n t\u1eed c\u00f3 th\u1ec3 chia s\u1ebb chung m\u1ed9t <code>class<\/code>. C\u1ea3 hai thu\u1ed9c t\u00ednh n\u00e0y l\u00e0 n\u1ec1n t\u1ea3ng \u0111\u1ec3 CSS v\u00e0 JavaScript c\u00f3 th\u1ec3 &#8220;nh\u1eafm&#8221; ch\u00ednh x\u00e1c \u0111\u1ebfn c\u00e1c ph\u1ea7n t\u1eed mong mu\u1ed1n.<\/p>\n<p>T\u00f3m l\u1ea1i, thu\u1ed9c t\u00ednh l\u00e0 c\u00f4ng c\u1ee5 kh\u00f4ng th\u1ec3 thi\u1ebfu, gi\u00fap &#8220;th\u1ed5i h\u1ed3n&#8221; v\u00e0o c\u00e1c th\u1ebb HTML, bi\u1ebfn ch\u00fang t\u1eeb c\u1ea5u tr\u00fac t\u0129nh th\u00e0nh c\u00e1c th\u00e0nh ph\u1ea7n \u0111\u1ed9ng, gi\u00e0u th\u00f4ng tin, c\u00f3 ki\u1ec3u d\u00e1ng ri\u00eang v\u00e0 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c, t\u1ea1o n\u00ean s\u1ef1 phong ph\u00fa v\u00e0 ch\u1ee9c n\u0103ng c\u1ee7a th\u1ebf gi\u1edbi web hi\u1ec7n \u0111\u1ea1i.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mot-so-Attribute-HTML-pho-bien\"><\/span>M\u1ed9t s\u1ed1 Attribute HTML ph\u1ed5 bi\u1ebfn<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Hi\u1ec3u r\u00f5 c\u00e1c thu\u1ed9c t\u00ednh th\u00f4ng d\u1ee5ng l\u00e0 n\u1ec1n t\u1ea3ng cho ng\u01b0\u1eddi m\u1edbi h\u1ecdc HTML, d\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t s\u1ed1 Attribute ph\u1ed5 bi\u1ebfn:<\/p>\n<ul>\n<li><code>href<\/code> (Hypertext Reference): D\u00f9ng cho th\u1ebb <code>&lt;a&gt;<\/code>, ch\u1ec9 \u0111\u1ecbnh URL (\u0111\u1ecba ch\u1ec9 web) m\u00e0 li\u00ean k\u1ebft s\u1ebd tr\u1ecf t\u1edbi.<\/li>\n<\/ul>\n<pre><code class=\"language-plaintext\">&lt;a href=\"<a href=\"https:\/\/interdata.vn\/blog\/giao-thuc-https-la-gi\/\">https<\/a>:\/\/www.google.com\"&gt;T\u00ecm ki\u1ebfm v\u1edbi Google&lt;\/a&gt;\r\n<\/code><\/pre>\n<ul>\n<li><code>src<\/code> (Source): D\u00f9ng cho th\u1ebb <code>&lt;img&gt;<\/code>, <code>&lt;script&gt;<\/code>, <code>&lt;iframe&gt;<\/code>, <code>&lt;audio&gt;<\/code>, <code>&lt;video&gt;<\/code>, ch\u1ec9 \u0111\u1ecbnh \u0111\u01b0\u1eddng d\u1eabn \u0111\u1ebfn ngu\u1ed3n t\u00e0i nguy\u00ean b\u00ean ngo\u00e0i.<\/li>\n<\/ul>\n<pre><code class=\"language-plaintext\">&lt;img src=\"\/images\/logo.png\" alt=\"Logo c\u00f4ng ty\"&gt;\r\n&lt;script src=\"\/js\/main.js\"&gt;&lt;\/script&gt;\r\n<\/code><\/pre>\n<ul>\n<li><code>alt<\/code> (Alternative Text): D\u00f9ng cho th\u1ebb <code>&lt;img&gt;<\/code>, cung c\u1ea5p m\u00f4 t\u1ea3 v\u0103n b\u1ea3n cho h\u00ecnh \u1ea3nh. Quan tr\u1ecdng cho accessibility (h\u1ed7 tr\u1ee3 ng\u01b0\u1eddi khi\u1ebfm th\u1ecb d\u00f9ng tr\u00ecnh \u0111\u1ecdc m\u00e0n h\u00ecnh) v\u00e0 <a href=\"https:\/\/interdata.vn\/blog\/seo-la-gi\/\">SEO<\/a>.<\/li>\n<\/ul>\n<pre><code class=\"language-plaintext\">&lt;img src=\"meo.jpg\" alt=\"M\u1ed9t ch\u00fa m\u00e8o con \u0111ang ch\u01a1i \u0111\u00f9a\"&gt;\r\n<\/code><\/pre>\n<ul>\n<li><code>width<\/code> v\u00e0 <code>height<\/code>: Th\u01b0\u1eddng d\u00f9ng cho th\u1ebb <code>&lt;img&gt;<\/code>, <code>&lt;canvas&gt;<\/code>, <code>&lt;video&gt;<\/code>, ch\u1ec9 \u0111\u1ecbnh chi\u1ec1u r\u1ed9ng v\u00e0 chi\u1ec1u cao c\u1ee7a ph\u1ea7n t\u1eed (th\u01b0\u1eddng t\u00ednh b\u1eb1ng pixel). Gi\u00fap tr\u00ecnh duy\u1ec7t d\u00e0nh kh\u00f4ng gian tr\u01b0\u1edbc khi \u1ea3nh t\u1ea3i xong, tr\u00e1nh layout b\u1ecb nh\u1ea3y.<\/li>\n<\/ul>\n<pre><code class=\"language-plaintext\">&lt;img src=\"anh_sp.jpg\" alt=\"S\u1ea3n ph\u1ea9m\" width=\"200\" height=\"150\"&gt;\r\n<\/code><\/pre>\n<ul>\n<li><code>style<\/code>: Thu\u1ed9c t\u00ednh to\u00e0n c\u1ee5c (global), cho ph\u00e9p \u00e1p d\u1ee5ng CSS tr\u1ef1c ti\u1ebfp v\u00e0o ph\u1ea7n t\u1eed (inline CSS). Tuy nhi\u00ean, n\u00ean \u01b0u ti\u00ean d\u00f9ng CSS ri\u00eang bi\u1ec7t cho c\u00e1c d\u1ef1 \u00e1n l\u1edbn.<\/li>\n<\/ul>\n<pre><code class=\"language-plaintext\">&lt;p style=\"color: red; font-size: 16px;\"&gt;\u0110o\u1ea1n v\u0103n b\u1ea3n m\u00e0u \u0111\u1ecf.&lt;\/p&gt;\r\n<\/code><\/pre>\n<ul>\n<li><code>lang<\/code>: Thu\u1ed9c t\u00ednh to\u00e0n c\u1ee5c, th\u01b0\u1eddng \u0111\u1eb7t \u1edf th\u1ebb <code>&lt;html&gt;<\/code>, khai b\u00e1o ng\u00f4n ng\u1eef ch\u00ednh c\u1ee7a n\u1ed9i dung trang web. Quan tr\u1ecdng cho accessibility v\u00e0 SEO.<\/li>\n<\/ul>\n<pre><code class=\"language-plaintext\">&lt;html lang=\"vi\"&gt;\r\n<\/code><\/pre>\n<ul>\n<li><code>title<\/code>: Thu\u1ed9c t\u00ednh to\u00e0n c\u1ee5c, cung c\u1ea5p th\u00f4ng tin b\u1ed5 sung v\u1ec1 ph\u1ea7n t\u1eed, th\u01b0\u1eddng hi\u1ec3n th\u1ecb d\u01b0\u1edbi d\u1ea1ng tooltip khi ng\u01b0\u1eddi d\u00f9ng di chu\u1ed9t qua.<\/li>\n<\/ul>\n<pre><code class=\"language-plaintext\">&lt;button title=\"Nh\u1ea5p v\u00e0o \u0111\u00e2y \u0111\u1ec3 l\u01b0u thay \u0111\u1ed5i\"&gt;L\u01b0u&lt;\/button&gt;\r\n<\/code><\/pre>\n<ul>\n<li><code>id<\/code>: Thu\u1ed9c t\u00ednh to\u00e0n c\u1ee5c, cung c\u1ea5p m\u1ed9t \u0111\u1ecbnh danh duy nh\u1ea5t cho m\u1ed9t ph\u1ea7n t\u1eed trong to\u00e0n b\u1ed9 t\u00e0i li\u1ec7u HTML. Th\u01b0\u1eddng d\u00f9ng \u0111\u1ec3 CSS t\u1ea1o ki\u1ec3u ri\u00eang ho\u1eb7c JavaScript ch\u1ecdn ch\u00ednh x\u00e1c ph\u1ea7n t\u1eed \u0111\u00f3. Gi\u00e1 tr\u1ecb <code>id<\/code> kh\u00f4ng \u0111\u01b0\u1ee3c tr\u00f9ng l\u1eb7p.<\/li>\n<\/ul>\n<pre><code class=\"language-plaintext\">&lt;div id=\"menu-chinh\"&gt;...&lt;\/div&gt;\r\n<\/code><\/pre>\n<ul>\n<li><code>class<\/code>: Thu\u1ed9c t\u00ednh to\u00e0n c\u1ee5c, d\u00f9ng \u0111\u1ec3 ph\u00e2n lo\u1ea1i m\u1ed9t ho\u1eb7c nhi\u1ec1u ph\u1ea7n t\u1eed v\u00e0o c\u00f9ng m\u1ed9t nh\u00f3m. Nhi\u1ec1u ph\u1ea7n t\u1eed c\u00f3 th\u1ec3 c\u00f3 c\u00f9ng <code>class<\/code>. Th\u01b0\u1eddng d\u00f9ng \u0111\u1ec3 CSS \u00e1p d\u1ee5ng ki\u1ec3u chung ho\u1eb7c JavaScript ch\u1ecdn nhi\u1ec1u ph\u1ea7n t\u1eed c\u00f9ng l\u00fac.<\/li>\n<\/ul>\n<pre><code class=\"language-plaintext\">&lt;p class=\"canh-bao\"&gt;L\u1ed7i x\u1ea3y ra!&lt;\/p&gt;\r\n&lt;span class=\"canh-bao chu-y\"&gt;Vui l\u00f2ng ki\u1ec3m tra l\u1ea1i.&lt;\/span&gt;<\/code><\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Cac-thuoc-tinh-ho-tro-da-ngon-ngu-trong-HTML\"><\/span>C\u00e1c thu\u1ed9c t\u00ednh h\u1ed7 tr\u1ee3 \u0111a ng\u00f4n ng\u1eef trong HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0110\u1ec3 x\u00e2y d\u1ef1ng c\u00e1c trang web c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb v\u00e0 ho\u1ea1t \u0111\u1ed9ng t\u1ed1t v\u1edbi nhi\u1ec1u ng\u00f4n ng\u1eef kh\u00e1c nhau, HTML cung c\u1ea5p hai thu\u1ed9c t\u00ednh ch\u00ednh l\u00e0 <code>lang<\/code> (\u0111\u1ec3 x\u00e1c \u0111\u1ecbnh ng\u00f4n ng\u1eef) v\u00e0 <code>dir<\/code> (\u0111\u1ec3 x\u00e1c \u0111\u1ecbnh h\u01b0\u1edbng vi\u1ebft). Ch\u00fang \u0111\u00f3ng vai tr\u00f2 quan tr\u1ecdng trong vi\u1ec7c qu\u1ed1c t\u1ebf h\u00f3a (internationalization &#8211; i18n).<\/p>\n<p>Vi\u1ec7c khai b\u00e1o ch\u00ednh x\u00e1c c\u00e1c thu\u1ed9c t\u00ednh n\u00e0y gi\u00fap tr\u00ecnh duy\u1ec7t hi\u1ec3n th\u1ecb v\u0103n b\u1ea3n \u0111\u00fang c\u00e1ch (font ch\u1eef, d\u1ea5u c\u00e2u, \u0111\u1ecbnh d\u1ea1ng s\u1ed1), c\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm ph\u00e2n lo\u1ea1i n\u1ed9i dung hi\u1ec7u qu\u1ea3, v\u00e0 \u0111\u1eb7c bi\u1ec7t l\u00e0 h\u1ed7 tr\u1ee3 c\u00e1c c\u00f4ng ngh\u1ec7 tr\u1ee3 n\u0103ng (assistive technologies) nh\u01b0 tr\u00ecnh \u0111\u1ecdc m\u00e0n h\u00ecnh ph\u00e1t \u00e2m chu\u1ea9n x\u00e1c h\u01a1n.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1-Thuoc-tinh-lang-Language\"><\/span>1. Thu\u1ed9c t\u00ednh <code>lang<\/code> (Language)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Thu\u1ed9c t\u00ednh <code>lang<\/code> \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 khai b\u00e1o m\u00e3 ng\u00f4n ng\u1eef c\u1ee7a n\u1ed9i dung v\u0103n b\u1ea3n ch\u1ee9a trong m\u1ed9t ph\u1ea7n t\u1eed HTML. Quan tr\u1ecdng nh\u1ea5t l\u00e0 b\u1ea1n n\u00ean lu\u00f4n khai b\u00e1o ng\u00f4n ng\u1eef ch\u00ednh cho to\u00e0n b\u1ed9 t\u00e0i li\u1ec7u b\u1eb1ng c\u00e1ch \u0111\u1eb7t thu\u1ed9c t\u00ednh <code>lang<\/code> tr\u00ean th\u1ebb <code>&lt;html&gt;<\/code> g\u1ed1c.<\/p>\n<p>V\u00ed d\u1ee5, <code>&lt;html lang=\"vi\"&gt;<\/code> ch\u1ec9 \u0111\u1ecbnh ng\u00f4n ng\u1eef c\u1ee7a trang l\u00e0 Ti\u1ebfng Vi\u1ec7t, trong khi <code>&lt;p lang=\"en\"&gt;Hello World!&lt;\/p&gt;<\/code> ch\u1ec9 \u0111\u1ecbnh ri\u00eang \u0111o\u1ea1n v\u0103n \u0111\u00f3 l\u00e0 Ti\u1ebfng Anh. Vi\u1ec7c n\u00e0y gi\u00fap c\u1ea3i thi\u1ec7n SEO, h\u1ed7 tr\u1ee3 tr\u00ecnh \u0111\u1ecdc m\u00e0n h\u00ecnh v\u00e0 gi\u00fap tr\u00ecnh duy\u1ec7t \u00e1p d\u1ee5ng quy t\u1eafc hi\u1ec3n th\u1ecb ph\u00f9 h\u1ee3p.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2-Thuoc-tinh-dir-Direction\"><\/span>2. Thu\u1ed9c t\u00ednh <code>dir<\/code> (Direction)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Thu\u1ed9c t\u00ednh <code>dir<\/code> d\u00f9ng \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh h\u01b0\u1edbng vi\u1ebft c\u1ee7a v\u0103n b\u1ea3n, \u0111i\u1ec1u n\u00e0y c\u1ef1c k\u1ef3 quan tr\u1ecdng \u0111\u1ed1i v\u1edbi c\u00e1c ng\u00f4n ng\u1eef c\u00f3 h\u01b0\u1edbng vi\u1ebft kh\u00e1c nhau. N\u00f3 gi\u00fap tr\u00ecnh duy\u1ec7t bi\u1ebft n\u00ean hi\u1ec3n th\u1ecb v\u0103n b\u1ea3n t\u1eeb tr\u00e1i sang ph\u1ea3i (LTR &#8211; Left-to-Right) hay t\u1eeb ph\u1ea3i sang tr\u00e1i (RTL &#8211; Right-to-Left).<\/p>\n<p>Gi\u00e1 tr\u1ecb ph\u1ed5 bi\u1ebfn l\u00e0 <code>ltr<\/code> (m\u1eb7c \u0111\u1ecbnh cho h\u1ea7u h\u1ebft ng\u00f4n ng\u1eef, bao g\u1ed3m ti\u1ebfng Vi\u1ec7t, ti\u1ebfng Anh) v\u00e0 <code>rtl<\/code> (cho c\u00e1c ng\u00f4n ng\u1eef nh\u01b0 ti\u1ebfng \u1ea2 R\u1eadp, ti\u1ebfng Do Th\u00e1i). V\u00ed d\u1ee5: <code>&lt;body dir=\"rtl\"&gt;<\/code>. Gi\u00e1 tr\u1ecb <code>auto<\/code> c\u0169ng r\u1ea5t h\u1eefu \u00edch \u0111\u1ec3 tr\u00ecnh duy\u1ec7t t\u1ef1 \u0111\u1ed9ng x\u00e1c \u0111\u1ecbnh h\u01b0\u1edbng.<\/p>\n<p>S\u1eed d\u1ee5ng ch\u00ednh x\u00e1c v\u00e0 nh\u1ea5t qu\u00e1n c\u00e1c thu\u1ed9c t\u00ednh <code>lang<\/code> v\u00e0 <code>dir<\/code> l\u00e0 n\u1ec1n t\u1ea3ng c\u01a1 b\u1ea3n \u0111\u1ec3 x\u00e2y d\u1ef1ng m\u1ed9t trang web th\u1ef1c s\u1ef1 th\u00e2n thi\u1ec7n v\u1edbi ng\u01b0\u1eddi d\u00f9ng to\u00e0n c\u1ea7u, \u0111\u1ea3m b\u1ea3o n\u1ed9i dung c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb v\u00e0 di\u1ec5n gi\u1ea3i \u0111\u00fang \u0111\u1eafn b\u1ea5t k\u1ec3 ng\u00f4n ng\u1eef hay h\u01b0\u1edbng vi\u1ebft.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3-Thuoc-tinh-translate-%E2%80%93-Kiem-soat-dich-tu-dong\"><\/span>3. Thu\u1ed9c t\u00ednh <code>translate<\/code> \u2013 Ki\u1ec3m so\u00e1t d\u1ecbch t\u1ef1 \u0111\u1ed9ng<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Thu\u1ed9c t\u00ednh <code>translate<\/code> l\u00e0 m\u1ed9t thu\u1ed9c t\u00ednh to\u00e0n c\u1ee5c (global attribute) kh\u00e1 th\u00fa v\u1ecb, cho ph\u00e9p b\u1ea1n ch\u1ec9 \u0111\u1ecbnh li\u1ec7u tr\u00ecnh duy\u1ec7t ho\u1eb7c c\u00e1c c\u00f4ng c\u1ee5 d\u1ecbch t\u1ef1 \u0111\u1ed9ng c\u00f3 n\u00ean d\u1ecbch n\u1ed9i dung c\u1ee7a m\u1ed9t ph\u1ea7n t\u1eed c\u1ee5 th\u1ec3 hay kh\u00f4ng khi ng\u01b0\u1eddi d\u00f9ng y\u00eau c\u1ea7u d\u1ecbch trang.<\/p>\n<p>N\u00f3 c\u00f3 hai gi\u00e1 tr\u1ecb ch\u00ednh: <code>yes<\/code> (cho ph\u00e9p d\u1ecbch &#8211; \u0111\u00e2y l\u00e0 m\u1eb7c \u0111\u1ecbnh n\u1ebfu b\u1ea1n kh\u00f4ng khai b\u00e1o) v\u00e0 <code>no<\/code> (ng\u0103n kh\u00f4ng cho d\u1ecbch). \u0110i\u1ec1u n\u00e0y r\u1ea5t h\u1eefu \u00edch khi b\u1ea1n mu\u1ed1n gi\u1eef nguy\u00ean t\u00ean th\u01b0\u01a1ng hi\u1ec7u, thu\u1eadt ng\u1eef chuy\u00ean ng\u00e0nh, \u0111\u1ecba ch\u1ec9 ho\u1eb7c c\u00e1c \u0111o\u1ea1n code m\u1eabu. V\u00ed d\u1ee5: <code>&lt;code translate=\"no\"&gt;console.log('Hello');&lt;\/code&gt;<\/code>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4-Boolean-attributes-Thuoc-tinh-khong-can-gia-tri\"><\/span>4. Boolean attributes (Thu\u1ed9c t\u00ednh kh\u00f4ng c\u1ea7n gi\u00e1 tr\u1ecb)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Attribute boolean (Boolean attributes) l\u00e0 m\u1ed9t lo\u1ea1i thu\u1ed9c t\u00ednh \u0111\u1eb7c bi\u1ec7t trong HTML v\u00ec ch\u00fang kh\u00f4ng y\u00eau c\u1ea7u b\u1ea1n ph\u1ea3i g\u00e1n m\u1ed9t gi\u00e1 tr\u1ecb c\u1ee5 th\u1ec3. Ch\u1ec9 c\u1ea7n s\u1ef1 hi\u1ec7n di\u1ec7n c\u1ee7a t\u00ean thu\u1ed9c t\u00ednh trong th\u1ebb m\u1edf l\u00e0 \u0111\u1ee7 \u0111\u1ec3 tr\u00ecnh duy\u1ec7t hi\u1ec3u r\u1eb1ng tr\u1ea1ng th\u00e1i \u0111\u00f3 l\u00e0 <code>true<\/code> (b\u1eadt\/c\u00f3 hi\u1ec7u l\u1ef1c).<\/p>\n<p>C\u00e1ch vi\u1ebft ph\u1ed5 bi\u1ebfn nh\u1ea5t l\u00e0 ch\u1ec9 c\u1ea7n ghi t\u00ean thu\u1ed9c t\u00ednh. V\u00ed d\u1ee5: <code>&lt;input type=\"checkbox\" checked&gt;<\/code> (\u00f4 checkbox \u0111\u01b0\u1ee3c ch\u1ecdn s\u1eb5n), <code>&lt;button disabled&gt;<\/code> (n\u00fat b\u1ecb v\u00f4 hi\u1ec7u h\u00f3a), <code>&lt;select multiple&gt;<\/code> (cho ph\u00e9p ch\u1ecdn nhi\u1ec1u), <code>&lt;input required&gt;<\/code> (\u00f4 nh\u1eadp li\u1ec7u b\u1eaft bu\u1ed9c). N\u1ebfu thu\u1ed9c t\u00ednh kh\u00f4ng xu\u1ea5t hi\u1ec7n, tr\u1ea1ng th\u00e1i m\u1eb7c \u0111\u1ecbnh l\u00e0 <code>false<\/code>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Nhung-dieu-can-luu-y-trong-thuoc-tinh-HTML\"><\/span>Nh\u1eefng \u0111i\u1ec1u c\u1ea7n l\u01b0u \u00fd trong thu\u1ed9c t\u00ednh HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Luon-su-dung-thuoc-tinh-viet-thuong\"><\/span>Lu\u00f4n s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh vi\u1ebft th\u01b0\u1eddng<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>B\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng ch\u1eef hoa ho\u1eb7c ch\u1eef th\u01b0\u1eddng khi khai b\u00e1o thu\u1ed9c t\u00ednh. V\u00ed d\u1ee5, c\u1ea3 alt v\u00e0 ALT trong th\u1ebb &lt;img&gt; \u0111\u1ec1u h\u1ee3p l\u1ec7, tuy nhi\u00ean b\u1ea1n n\u00ean s\u1eed d\u1ee5ng ch\u1eef th\u01b0\u1eddng \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o t\u00ednh nh\u1ea5t qu\u00e1n v\u00e0 gi\u00fap m\u00e3 d\u1ec5 \u0111\u1ecdc h\u01a1n.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Luon-dat-gia-tri-thuoc-tinh-trong-dau-ngoac-kep\"><\/span>Lu\u00f4n \u0111\u1eb7t gi\u00e1 tr\u1ecb thu\u1ed9c t\u00ednh trong d\u1ea5u ngo\u1eb7c k\u00e9p<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Chu\u1ea9n HTML kh\u00f4ng b\u1eaft bu\u1ed9c ph\u1ea3i d\u00f9ng d\u1ea5u ngo\u1eb7c k\u00e9p cho gi\u00e1 tr\u1ecb thu\u1ed9c t\u00ednh trong m\u1ed9t s\u1ed1 tr\u01b0\u1eddng h\u1ee3p. N\u00ean lu\u00f4n s\u1eed d\u1ee5ng d\u1ea5u ngo\u1eb7c k\u00e9p, \u0111\u1eb7c bi\u1ec7t trong c\u00e1c \u0111\u1ecbnh d\u1ea1ng t\u00e0i li\u1ec7u nghi\u00eam ng\u1eb7t nh\u01b0 XHTML th\u00ec d\u1ea5u ngo\u1eb7c k\u00e9p l\u00e0 b\u1eaft bu\u1ed9c. Vi\u1ec7c n\u00e0y gi\u00fap tr\u00e1nh l\u1ed7i, nh\u1ea5t l\u00e0 khi gi\u00e1 tr\u1ecb thu\u1ed9c t\u00ednh c\u00f3 ch\u1ee9a d\u1ea5u c\u00e1ch ho\u1eb7c k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t.<\/p>\n<figure id=\"attachment_27957\" aria-describedby=\"caption-attachment-27957\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Nhung-dieu-can-luu-y-trong-thuoc-tinh-HTML.jpg\" alt=\"Nh\u1eefng \u0111i\u1ec1u c\u1ea7n l\u01b0u \u00fd trong thu\u1ed9c t\u00ednh HTML\" width=\"800\" height=\"500\" class=\"size-full wp-image-27957\" title=\"\" srcset=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Nhung-dieu-can-luu-y-trong-thuoc-tinh-HTML.jpg 800w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Nhung-dieu-can-luu-y-trong-thuoc-tinh-HTML-300x188.jpg 300w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Nhung-dieu-can-luu-y-trong-thuoc-tinh-HTML-768x480.jpg 768w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2025\/05\/Nhung-dieu-can-luu-y-trong-thuoc-tinh-HTML-750x469.jpg 750w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-27957\" class=\"wp-caption-text\">Nh\u1eefng \u0111i\u1ec1u c\u1ea7n l\u01b0u \u00fd trong thu\u1ed9c t\u00ednh HTML<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"-Khai-bao-gia-tri-thuoc-tinh-co-chua-dau-ngoac-kep\"><\/span>\u00a0Khai b\u00e1o gi\u00e1 tr\u1ecb thu\u1ed9c t\u00ednh c\u00f3 ch\u1ee9a d\u1ea5u ngo\u1eb7c k\u00e9p<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>B\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng d\u1ea5u nh\u00e1y \u0111\u01a1n (&#8216;) ho\u1eb7c d\u1ea5u nh\u00e1y k\u00e9p (&#8220;) \u0111\u1ec3 bao gi\u00e1 tr\u1ecb thu\u1ed9c t\u00ednh trong HTML. Tuy nhi\u00ean, \u0111i\u1ec1u quan tr\u1ecdng l\u00e0 ph\u1ea3i d\u00f9ng nh\u1ea5t qu\u00e1n trong to\u00e0n b\u1ed9 t\u00e0i li\u1ec7u. N\u1ebfu gi\u00e1 tr\u1ecb thu\u1ed9c t\u00ednh c\u00f3 ch\u1ee9a d\u1ea5u nh\u00e1y k\u00e9p, th\u00ec n\u00ean bao to\u00e0n b\u1ed9 gi\u00e1 tr\u1ecb b\u1eb1ng d\u1ea5u nh\u00e1y \u0111\u01a1n, v\u00e0 ng\u01b0\u1ee3c l\u1ea1i. \u0110\u1ec3 \u0111\u01a1n gi\u1ea3n, b\u1ea1n n\u00ean d\u00f9ng d\u1ea5u nh\u00e1y k\u00e9p cho nh\u1ea5t qu\u00e1n v\u00ec \u0111\u00e2y l\u00e0 c\u00e1ch ph\u1ed5 bi\u1ebfn trong h\u1ea7u h\u1ebft c\u00e1c v\u00ed d\u1ee5 v\u00e0 t\u00e0i li\u1ec7u HTML.<\/p>\n<p>V\u00ed d\u1ee5:<\/p>\n<pre>&lt;input type=\"text\" placeholder='Enter your \"username\" here'&gt;<\/pre>\n<p>Trong v\u00ed d\u1ee5 n\u00e0y, gi\u00e1 tr\u1ecb thu\u1ed9c t\u00ednh <code>placeholder<\/code> c\u00f3 ch\u1ee9a d\u1ea5u nh\u00e1y k\u00e9p (&#8220;username&#8221;), v\u00ec v\u1eady to\u00e0n b\u1ed9 gi\u00e1 tr\u1ecb \u0111\u01b0\u1ee3c \u0111\u1eb7t trong d\u1ea5u nh\u00e1y \u0111\u01a1n \u0111\u1ec3 tr\u00e1nh l\u1ed7i c\u00fa ph\u00e1p.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Cac-thuoc-tinh-kieu-Boolean-duoc-viet-ma-khong-can-gia-tri\"><\/span>C\u00e1c thu\u1ed9c t\u00ednh ki\u1ec3u Boolean \u0111\u01b0\u1ee3c vi\u1ebft m\u00e0 kh\u00f4ng c\u1ea7n gi\u00e1 tr\u1ecb<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Thu\u1ed9c t\u00ednh Boolean kh\u00f4ng c\u1ea7n khai b\u00e1o gi\u00e1 tr\u1ecb, n\u1ebfu thu\u1ed9c t\u00ednh xu\u1ea5t hi\u1ec7n, n\u00f3 \u0111\u01b0\u1ee3c hi\u1ec3u l\u00e0 \u0111\u00fang (true). V\u00ed d\u1ee5, thu\u1ed9c t\u00ednh <code>checked<\/code> trong th\u1ebb <code>&lt;input&gt;<\/code> n\u00ean vi\u1ebft nh\u01b0 sau:<\/p>\n<p>V\u00ed d\u1ee5:<\/p>\n<pre> &lt;input type=\"checkbox\" checked&gt;<\/pre>\n<p>Vi\u1ebft <code>checked=\"checked\"<\/code> c\u0169ng \u0111\u00fang, nh\u01b0ng b\u1ecb d\u01b0 th\u1eeba. Ch\u1ec9 c\u1ea7n khai b\u00e1o thu\u1ed9c t\u00ednh l\u00e0 \u0111\u1ee7 \u0111\u1ec3 bi\u1ec3u th\u1ecb tr\u1ea1ng th\u00e1i &#8220;\u0111\u01b0\u1ee3c ch\u1ecdn&#8221;.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"-Sap-xep-thu-tu-thuoc-tinh-de-de-doc\"><\/span>\u00a0S\u1eafp x\u1ebfp th\u1ee9 t\u1ef1 thu\u1ed9c t\u00ednh \u0111\u1ec3 d\u1ec5 \u0111\u1ecdc<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>M\u1eb7c d\u00f9 HTML kh\u00f4ng y\u00eau c\u1ea7u th\u1ee9 t\u1ef1 thu\u1ed9c t\u00ednh c\u1ee5 th\u1ec3, nh\u01b0ng vi\u1ec7c tu\u00e2n theo m\u1ed9t tr\u00ecnh t\u1ef1 nh\u1ea5t \u0111\u1ecbnh s\u1ebd gi\u00fap m\u00e3 d\u1ec5 \u0111\u1ecdc v\u00e0 d\u1ec5 b\u1ea3o tr\u00ec h\u01a1n. C\u00e1ch s\u1eafp x\u1ebfp ph\u1ed5 bi\u1ebfn: <code>id<\/code>, <code>class<\/code>, c\u00e1c thu\u1ed9c t\u00ednh to\u00e0n c\u1ee5c kh\u00e1c, thu\u1ed9c t\u00ednh ri\u00eang, v\u00e0 cu\u1ed1i c\u00f9ng l\u00e0 c\u00e1c thu\u1ed9c t\u00ednh s\u1ef1 ki\u1ec7n.<\/p>\n<p>V\u00ed d\u1ee5:<\/p>\n<pre>&lt;button id=\"btn1\" class=\"button-class\" type=\"submit\" onclick=\"handleClick()\"&gt;Submit&lt;\/button&gt;<\/pre>\n<h3><span class=\"ez-toc-section\" id=\"Tranh-su-dung-cac-thuoc-tinh-da-loi-thoi\"><\/span>Tr\u00e1nh s\u1eed d\u1ee5ng c\u00e1c thu\u1ed9c t\u00ednh \u0111\u00e3 l\u1ed7i th\u1eddi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>M\u1ed9t s\u1ed1 thu\u1ed9c t\u00ednh HTML nh\u01b0 <code>align<\/code>, <code>bgcolor<\/code>, v\u00e0 <code>border<\/code> \u0111\u00e3 b\u1ecb xem l\u00e0 l\u1ed7i th\u1eddi (deprecated). Thay v\u00e0o \u0111\u00f3, b\u1ea1n n\u00ean s\u1eed d\u1ee5ng CSS \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng v\u00e0 tr\u00ecnh b\u00e0y n\u1ed9i dung.<\/p>\n<p>V\u00ed d\u1ee5 (Tr\u00e1nh d\u00f9ng thu\u1ed9c t\u00ednh l\u1ed7i th\u1eddi):<\/p>\n<pre>&lt;p style=\"text-align: center;\"&gt;This text is centered.&lt;\/p&gt;<\/pre>\n<p>Thay v\u00ec d\u00f9ng thu\u1ed9c t\u00ednh <code>align<\/code>, h\u00e3y d\u00f9ng thu\u1ed9c t\u00ednh <code>style<\/code> ho\u1eb7c t\u1ea1o class CSS \u0111\u1ec3 \u0111\u1ea1t \u0111\u01b0\u1ee3c c\u00f9ng hi\u1ec7u \u1ee9ng c\u0103n gi\u1eefa v\u0103n b\u1ea3n.<\/p>\n<p>Nh\u01b0 v\u1eady, b\u1ea1n \u0111\u00e3 c\u00f9ng InterData t\u00ecm hi\u1ec3u kh\u00e1 \u0111\u1ea7y \u0111\u1ee7 v\u1ec1 Thu\u1ed9c t\u00ednh (Attribute) l\u00e0 g\u00ec trong th\u1ebf gi\u1edbi HTML, vai tr\u00f2 \u0111a d\u1ea1ng c\u1ee7a ch\u00fang v\u00e0 nh\u1eefng quy t\u1eafc &#8220;v\u00e0ng&#8221; khi s\u1eed d\u1ee5ng. Vi\u1ec7c n\u1eafm v\u1eefng v\u00e0 v\u1eadn d\u1ee5ng ch\u00ednh x\u00e1c c\u00e1c thu\u1ed9c t\u00ednh kh\u00f4ng ch\u1ec9 gi\u00fap code HTML c\u1ee7a b\u1ea1n s\u1ea1ch s\u1ebd, chu\u1ea9n m\u1ef1c m\u00e0 c\u00f2n d\u1ec5 b\u1ea3o tr\u00ec v\u00e0 chuy\u00ean nghi\u1ec7p h\u01a1n r\u1ea5t nhi\u1ec1u trong m\u1eaft \u0111\u1ed3ng nghi\u1ec7p v\u00e0 nh\u00e0 tuy\u1ec3n d\u1ee5ng.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mu\u1ed1n l\u00e0m ch\u1ee7 HTML v\u00e0 t\u1ea1o ra nh\u1eefng trang web kh\u00f4ng ch\u1ec9 \u0111\u1eb9p m\u00e0 c\u00f2n ho\u1ea1t \u0111\u1ed9ng hi\u1ec7u qu\u1ea3? Hi\u1ec3u r\u00f5 Thu\u1ed9c t\u00ednh &#8211; Attribute l\u00e0 g\u00ec trong HTML ch\u00ednh l\u00e0 n\u1ec1n t\u1ea3ng kh\u00f4ng th\u1ec3 thi\u1ebfu! Ch\u00fang l\u00e0 nh\u1eefng &#8220;gia v\u1ecb&#8221; \u0111\u1eb7c bi\u1ec7t th\u00eam v\u00e0o th\u1ebb HTML. B\u00e0i vi\u1ebft n\u00e0y c\u1ee7a InterData s\u1ebd c\u00f9ng b\u1ea1n<\/p>\n","protected":false},"author":11,"featured_media":27958,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[140],"tags":[],"class_list":["post-27953","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lap-trinh"],"_links":{"self":[{"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/posts\/27953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/comments?post=27953"}],"version-history":[{"count":3,"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/posts\/27953\/revisions"}],"predecessor-version":[{"id":32018,"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/posts\/27953\/revisions\/32018"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/media\/27958"}],"wp:attachment":[{"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/media?parent=27953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/categories?post=27953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/tags?post=27953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}