{"id":14456,"date":"2021-09-02T17:53:13","date_gmt":"2021-09-02T17:53:13","guid":{"rendered":"https:\/\/freehost.page\/?p=14456"},"modified":"2021-09-02T17:53:13","modified_gmt":"2021-09-02T17:53:13","slug":"kinh-nghiem-thiet-ke-html","status":"publish","type":"post","link":"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/","title":{"rendered":"V\u00e0i kinh nghi\u1ec7m thi\u1ebft k\u1ebf web \u0111\u01a1n gi\u1ea3n"},"content":{"rendered":"\n<p>T\u00f4i \u0111ang l\u00e0m m\u1ed9t \u1ee9ng d\u1ee5ng tr\u00ean n\u1ec1n t\u1ea3ng web, d\u00f9 kh\u00e1 \u0111\u01a1n gi\u1ea3n nh\u01b0ng trong qu\u00e1 tr\u00ecnh l\u00e0m c\u0169ng v\u1ee1 ra \u0111\u01b0\u1ee3c nhi\u1ec1u \u0111i\u1ec1u- b\u00e0i vi\u1ebft n\u00e0y t\u00f4i s\u1ebd chia s\u1ebb m\u1ed9t s\u1ed1 tr\u1ea3i nghi\u1ec7m \u0111\u00f3.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_60 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >M\u1ee5c l\u1ee5c<\/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\" role=\"button\"><label for=\"item-6577d63dd52cd\" ><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><\/label><input aria-label=\"Toggle\" aria-label=\"item-6577d63dd52cd\"  type=\"checkbox\" id=\"item-6577d63dd52cd\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Dung_doi_cam_thay_gioi_roi_moi_viet\" title=\"\u0110\u1eebng \u0111\u1ee3i (c\u1ea3m th\u1ea5y) gi\u1ecfi r\u1ed3i m\u1edbi vi\u1ebft\">\u0110\u1eebng \u0111\u1ee3i (c\u1ea3m th\u1ea5y) gi\u1ecfi r\u1ed3i m\u1edbi vi\u1ebft<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Luon_co_rat_nhieu_tai_nguyen_ho_tro\" title=\"Lu\u00f4n c\u00f3 r\u1ea5t nhi\u1ec1u t\u00e0i nguy\u00ean h\u1ed7 tr\u1ee3\">Lu\u00f4n c\u00f3 r\u1ea5t nhi\u1ec1u t\u00e0i nguy\u00ean h\u1ed7 tr\u1ee3<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Kien_tri\" title=\"Ki\u00ean tr\u00ec\">Ki\u00ean tr\u00ec<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Luu_y_den_cac_kich_co_man_hinh_di_dong_de_thiet_ke_responsive_vua_dep_vua_toi_uu\" title=\"L\u01b0u \u00fd \u0111\u1ebfn c\u00e1c k\u00edch c\u1ee1 m\u00e0n h\u00ecnh di \u0111\u1ed9ng \u0111\u1ec3 thi\u1ebft k\u1ebf responsive v\u1eeba \u0111\u1eb9p v\u1eeba t\u1ed1i \u01b0u\">L\u01b0u \u00fd \u0111\u1ebfn c\u00e1c k\u00edch c\u1ee1 m\u00e0n h\u00ecnh di \u0111\u1ed9ng \u0111\u1ec3 thi\u1ebft k\u1ebf responsive v\u1eeba \u0111\u1eb9p v\u1eeba t\u1ed1i \u01b0u<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Su_dung_cac_cong_cu_chuyen_biet_de_test_website_tren_nhieu_kich_co_man_hinh_khac_nhau\" title=\"S\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 chuy\u00ean bi\u1ec7t \u0111\u1ec3 test website tr\u00ean nhi\u1ec1u k\u00edch c\u1ee1 m\u00e0n h\u00ecnh kh\u00e1c nhau\">S\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 chuy\u00ean bi\u1ec7t \u0111\u1ec3 test website tr\u00ean nhi\u1ec1u k\u00edch c\u1ee1 m\u00e0n h\u00ecnh kh\u00e1c nhau<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Chu_y_den_tham_my\" title=\"Ch\u00fa \u00fd \u0111\u1ebfn th\u1ea9m m\u1ef9\">Ch\u00fa \u00fd \u0111\u1ebfn th\u1ea9m m\u1ef9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Anh_nen_full_trang_hiem_khi_dung_nhung_neu_phu_hop_cung_rat_on\" title=\"\u1ea2nh n\u1ec1n full trang hi\u1ebfm khi d\u00f9ng nh\u01b0ng n\u1ebfu ph\u00f9 h\u1ee3p c\u0169ng r\u1ea5t \u1ed5n\">\u1ea2nh n\u1ec1n full trang hi\u1ebfm khi d\u00f9ng nh\u01b0ng n\u1ebfu ph\u00f9 h\u1ee3p c\u0169ng r\u1ea5t \u1ed5n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Chu_y_den_viec_vo_hieu_hoa_hieu_ung_CSS_cua_trinh_duyet_Safari_tren_Iphone\" title=\"Ch\u00fa \u00fd \u0111\u1ebfn vi\u1ec7c v\u00f4 hi\u1ec7u h\u00f3a hi\u1ec7u \u1ee9ng CSS c\u1ee7a tr\u00ecnh duy\u1ec7t Safari tr\u00ean Iphone\">Ch\u00fa \u00fd \u0111\u1ebfn vi\u1ec7c v\u00f4 hi\u1ec7u h\u00f3a hi\u1ec7u \u1ee9ng CSS c\u1ee7a tr\u00ecnh duy\u1ec7t Safari tr\u00ean Iphone<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Dat_ten_id_div_cac_ham_bien_JS_hay_PHP_theo_chuan_tieng_Anh\" title=\"\u0110\u1eb7t t\u00ean id, div, c\u00e1c h\u00e0m, bi\u1ebfn JS hay PHP theo chu\u1ea9n ti\u1ebfng Anh\">\u0110\u1eb7t t\u00ean id, div, c\u00e1c h\u00e0m, bi\u1ebfn JS hay PHP theo chu\u1ea9n ti\u1ebfng Anh<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Tang_cuong_chu_thich\" title=\"T\u0103ng c\u01b0\u1eddng ch\u00fa th\u00edch\">T\u0103ng c\u01b0\u1eddng ch\u00fa th\u00edch<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Chu_y_den_cac_the_co_ban_can_dieu_chinh\" title=\"Ch\u00fa \u00fd \u0111\u1ebfn c\u00e1c th\u1ebb c\u01a1 b\u1ea3n c\u1ea7n \u0111i\u1ec1u ch\u1ec9nh\">Ch\u00fa \u00fd \u0111\u1ebfn c\u00e1c th\u1ebb c\u01a1 b\u1ea3n c\u1ea7n \u0111i\u1ec1u ch\u1ec9nh<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Cach_don_gian_de_xoa_cache_trinh_duyet_ma_khong_anh_huong_den_cache_cua_trang_khac_ma_cung_khong_can_phai_bat_tab_an_danh\" title=\"C\u00e1ch \u0111\u01a1n gi\u1ea3n \u0111\u1ec3 x\u00f3a cache tr\u00ecnh duy\u1ec7t m\u00e0 kh\u00f4ng \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn cache c\u1ee7a trang kh\u00e1c, m\u00e0 c\u0169ng kh\u00f4ng c\u1ea7n ph\u1ea3i b\u1eadt tab \u1ea9n danh\">C\u00e1ch \u0111\u01a1n gi\u1ea3n \u0111\u1ec3 x\u00f3a cache tr\u00ecnh duy\u1ec7t m\u00e0 kh\u00f4ng \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn cache c\u1ee7a trang kh\u00e1c, m\u00e0 c\u0169ng kh\u00f4ng c\u1ea7n ph\u1ea3i b\u1eadt tab \u1ea9n danh<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Co_nhieu_thu_vien_JS_cuc_ky_thu_vi_va_co_chat_luong_cao\" title=\"C\u00f3 nhi\u1ec1u th\u01b0 vi\u1ec7n JS c\u1ef1c k\u00fd th\u00fa v\u1ecb v\u00e0 c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng cao\">C\u00f3 nhi\u1ec1u th\u01b0 vi\u1ec7n JS c\u1ef1c k\u00fd th\u00fa v\u1ecb v\u00e0 c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng cao<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Rut_gon_ma_CSS_JS_HTML\" title=\"R\u00fat g\u1ecdn m\u00e3 CSS, JS, HTML\">R\u00fat g\u1ecdn m\u00e3 CSS, JS, HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Quan_tam_den_toc_do_trang\" title=\"Quan t\u00e2m \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 trang\">Quan t\u00e2m \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 trang<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#File_robotstxt\" title=\"File robots.txt\">File robots.txt<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#Tao_sitemap\" title=\"T\u1ea1o sitemap\">T\u1ea1o sitemap<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dung_doi_cam_thay_gioi_roi_moi_viet\"><\/span>\u0110\u1eebng \u0111\u1ee3i (c\u1ea3m th\u1ea5y) gi\u1ecfi r\u1ed3i m\u1edbi vi\u1ebft<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0110\u00e2y c\u00f3 l\u1ebd l\u00e0 v\u1ea5n \u0111\u1ec1 v\u1edbi kh\u00f4ng \u00edt ng\u01b0\u1eddi, ch\u00fang ta th\u01b0\u1eddng ngh\u0129 m\u00ecnh ch\u01b0a \u0111\u1ee7 gi\u1ecfi \u0111\u1ec3 vi\u1ebft m\u1ed9t c\u00e1i g\u00ec \u0111\u00f3 m\u00e0 ch\u00fang ta th\u1ef1c s\u1ef1 mu\u1ed1n.<\/p>\n\n\n\n<p>Th\u1ef1c t\u1ebf l\u00e0 \u0111\u00fang ph\u1ea7n n\u00e0o, b\u1ea1n s\u1ebd c\u1ea7n \u0111\u1ebfn ng\u01b0\u1ee1ng n\u00e0o \u0111\u00f3 \u0111\u1ec3 b\u1eaft \u0111\u1ea7u vi\u1ebft m\u1ed9t \u1ee9ng d\u1ee5ng chuy\u00ean s\u00e2u, l\u00e0m thu\u00ea cho m\u1ed9t c\u00f4ng ty v\u00e0 nh\u1eadn l\u01b0\u01a1ng, nh\u01b0ng v\u1edbi c\u00e1c \u1ee9ng d\u1ee5ng \u0111\u01a1n gi\u1ea3n h\u00e3y b\u1eaft \u0111\u1ea7u s\u1edbm, v\u00ec vi\u1ebft th\u00ec m\u1edbi gi\u1ecfi l\u00ean \u0111\u01b0\u1ee3c ch\u1ee9 kh\u00f4ng ph\u1ea3i ng\u01b0\u1ee3c l\u1ea1i.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Luon_co_rat_nhieu_tai_nguyen_ho_tro\"><\/span>Lu\u00f4n c\u00f3 r\u1ea5t nhi\u1ec1u t\u00e0i nguy\u00ean h\u1ed7 tr\u1ee3<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Web l\u00e0 m\u1ed9t trong c\u00e1c ki\u1ebfn th\u1ee9c d\u1ec5 t\u00ecm nh\u1ea5t tr\u00ean m\u1ea1ng, n\u00f3 v\u1eeba phong ph\u00fa, l\u1ea1i th\u01b0\u1eddng mi\u1ec5n ph\u00ed n\u1eefa.<\/p>\n\n\n\n<p>Ch\u1ec9 c\u1ea7n b\u1ea1n ch\u1ecbu kh\u00f3 b\u1ecf c\u00f4ng, bi\u1ebft m\u1ed9t ch\u00fat t\u1eeb kh\u00f3a ti\u1ebfng Anh l\u00e0 h\u1ea7u nh\u01b0 b\u1ea1n s\u1ebd t\u00ecm \u0111\u01b0\u1ee3c c\u00e1i m\u00ecnh mu\u1ed1n.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Kien_tri\"><\/span>Ki\u00ean tr\u00ec<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Vi\u1ebft m\u1ed9t \u1ee9ng d\u1ee5ng d\u00f9 \u0111\u01a1n gi\u1ea3n c\u0169ng c\u1ea7n c\u1ea9n th\u1eadn, n\u00f3 s\u1ebd gi\u00fap t\u1ea1o th\u00e0nh th\u00f3i quen cho ch\u00fang ta sau n\u00e0y. V\u00ec ch\u00ednh c\u00e1c \u1ee9ng d\u1ee5ng ph\u1ee9c t\u1ea1p, nhi\u1ec1u ng\u01b0\u1eddi d\u00f9ng l\u1ed7i ch\u1ec9 m\u1ed9t v\u00e0i d\u00f2ng m\u00e3 th\u00f4i c\u0169ng c\u00f3 th\u1ec3 nguy hi\u1ec3m, phi\u1ec1n to\u00e1i.<\/p>\n\n\n\n<p>R\u1ea5t nhi\u1ec1u l\u00fac b\u1ea1n s\u1ebd c\u00f3 c\u1ea3m gi\u00e1c: \u1eeb th\u00ec th\u1ebf n\u00e0y c\u0169ng \u0111\u01b0\u1ee3c r\u1ed3i, m\u1ec7t r\u1ed3i, m\u00ecnh s\u1ebd kh\u00f4ng ngh\u0129 n\u1eefa, k\u1ec7 \u0111i, v\u00e2n v\u00e2n v\u00e0 m\u00e2y m\u00e2y.<\/p>\n\n\n\n<p>Nh\u01b0ng n\u1ebfu \u00fd ngh\u0129 \u0111\u00f3 m\u00e0 l\u1ea1i \u0111i k\u00e8m c\u1ea3m gi\u00e1c l\u00e0 b\u1ea1n c\u00f3 th\u1ec3 l\u00e0m t\u1ed1t h\u01a1n \u0111\u01b0\u1ee3c nh\u01b0ng v\u00ec l\u00fd do n\u00e0o \u0111\u1ea5y (m\u00e0 ph\u1ed5 bi\u1ebfn l\u00e0 m\u1ec7t, \u0111au \u0111\u1ea7u, o\u1ea3i) kh\u00f4ng mu\u1ed1n l\u00e0m ti\u1ebfp, th\u00ec \u0111\u1ea5y l\u00e0 d\u1ea5u hi\u1ec7u cho th\u1ea5y th\u1ef1c t\u1ebf l\u00e0 b\u1ea1n c\u00f3 kh\u1ea3 n\u0103ng l\u00e0m n\u00f3 hay h\u01a1n! <\/p>\n\n\n\n<p>V\u1ea5n \u0111\u1ec1 ch\u1ec9 l\u00e0 b\u1ea1n c\u1ea7n ngh\u1ec9 ng\u01a1i, r\u1ed3i khi l\u1ea5y l\u1ea1i s\u1ee9c l\u1ef1c, d\u00f2ng suy ngh\u0129 s\u00e1ng s\u1ebd tr\u1edf l\u1ea1i v\u00e0 gi\u00fap b\u1ea1n gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 t\u1ed1t h\u01a1n.<\/p>\n\n\n\n<p>OK, ph\u1ea7n tr\u00ean l\u00e0 \u0111\u1ecbnh h\u01b0\u1edbng chung, gi\u1edd ch\u00fang ta s\u1ebd \u0111i v\u00e0o ph\u1ea7n k\u1ef9 thu\u1eadt.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Luu_y_den_cac_kich_co_man_hinh_di_dong_de_thiet_ke_responsive_vua_dep_vua_toi_uu\"><\/span>L\u01b0u \u00fd \u0111\u1ebfn c\u00e1c k\u00edch c\u1ee1 m\u00e0n h\u00ecnh di \u0111\u1ed9ng \u0111\u1ec3 thi\u1ebft k\u1ebf responsive v\u1eeba \u0111\u1eb9p v\u1eeba t\u1ed1i \u01b0u<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>C\u00e1ch \u0111\u00e2y 10 n\u0103m th\u00ec thi\u1ebft k\u1ebf responsive c\u00f3 th\u1ec3 kh\u00f4ng c\u1ea7n qu\u00e1 quan t\u00e2m, nh\u01b0ng b\u00e2y gi\u1edd t\u00ecnh h\u00ecnh \u0111\u00e3 \u0111\u1ea3o chi\u1ec1u. Tr\u00ean nhi\u1ec1u website, \u0111a s\u1ed1 ng\u01b0\u1eddi d\u00f9ng truy c\u1eadp qua thi\u1ebft b\u1ecb di \u0111\u1ed9ng. T\u00f4i c\u00f3 m\u1ed9t trang m\u00e0 c\u00f3 \u0111\u1ebfn tr\u00ean 90% ng\u01b0\u1eddi d\u00f9ng l\u00e0 di \u0111\u1ed9ng, tr\u01b0\u1eddng h\u1ee3p n\u00e0y c\u0169ng kh\u00f4ng ph\u1ea3i l\u00e0 hi\u1ebfm hoi g\u00ec.<\/p>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 <a href=\"https:\/\/kiencang.net\/cach-tao-website-responsive\/\" target=\"_blank\" rel=\"noreferrer noopener\">tham kh\u1ea3o b\u00e0i c\u00e1ch t\u1ea1o website responsive<\/a> \u0111\u1ec3 bi\u1ebft th\u00eam v\u1ec1 c\u00e1ch l\u00e0m. V\u00e0 b\u00e0i <a href=\"https:\/\/kiencang.net\/do-phan-giai-man-hinh-pho-bien\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1c k\u00edch c\u1ee1 m\u00e0n h\u00ecnh ph\u1ed5 bi\u1ebfn<\/a> \u0111\u1ec3 bi\u1ebft \u0111\u01b0\u1ee3c k\u00edch c\u1ee1 n\u00e0o n\u00ean c\u1ea7n \u01b0u ti\u00ean.<\/p>\n\n\n\n<p>Nh\u00ecn chung \u0111a s\u1ed1 c\u00e1c thi\u1ebft b\u1ecb di \u0111\u1ed9ng ng\u00e0y nay c\u00f3 k\u00edch c\u1ee1 n\u1eb1m trong kho\u1ea3ng t\u1eeb 360px &#8211; 430px.<\/p>\n\n\n\n<p>Ch\u00fang ta c\u1ea7n l\u01b0u \u00fd \u0111i\u1ec1u n\u00e0y n\u1eefa, v\u1edbi c\u00e1c thi\u1ebft k\u1ebf tinh t\u1ebf, \u0111\u00f2i h\u1ecfi t\u1ec9 m\u1ec9, s\u1ef1 kh\u00e1c bi\u1ec7t 10 &#8211; 20px v\u1ec1 k\u00edch c\u1ee1 m\u00e0n h\u00ecnh tr\u00ean di \u0111\u1ed9ng c\u00f3 th\u1ec3 \u0111em l\u1ea1i c\u00e1c hi\u1ec7u \u1ee9ng th\u1ea9m m\u1ef9 kh\u00e1c nhau l\u1edbn h\u01a1n ch\u00fang ta t\u01b0\u1edfng t\u01b0\u1ee3ng r\u1ea5t nhi\u1ec1u.<\/p>\n\n\n\n<p>Trong \u0111o\u1ea1n m\u00e3 CSS b\u00ean d\u01b0\u1edbi, t\u00f4i vi\u1ebft cho 5 m\u00e0n h\u00ecnh kh\u00e1c nhau:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@media (min-width: 360px) { \/* CSS vi\u1ebft \u1edf \u0111\u00e2y *\/\n }\n                    \n\/* m\u00e0n h\u00ecnh 375px *\/\n@media (min-width: 375px) { \/* CSS vi\u1ebft \u1edf \u0111\u00e2y *\/ } \n                    \n                    \n\/* m\u00e0n h\u00ecnh 390px *\/\n@media (min-width: 390px) { \/* CSS vi\u1ebft \u1edf \u0111\u00e2y *\/\n } \n                    \n                    \n\/* m\u00e0n h\u00ecnh 410px *\/\n@media (min-width: 410px) {\n \/* CSS vi\u1ebft \u1edf \u0111\u00e2y *\/ }<\/code><\/pre>\n\n\n\n<p>CSS m\u1eb7c \u0111\u1ecbnh t\u00f4i \u0111\u1ec3 cho m\u00e0n h\u00ecnh 320px l\u00e0 c\u00e1i th\u1ee9 5, d\u00f9 t\u1ef7 l\u1ec7 thi\u1ebft b\u1ecb di \u0111\u1ed9ng d\u00f9ng m\u00e0n h\u00ecnh nh\u1ecf n\u00e0y gi\u1edd kh\u00f4ng c\u00f2n nhi\u1ec1u, nh\u01b0ng b\u1ea1n n\u00e0o mu\u1ed1n t\u1ed1i \u01b0u s\u00e2u th\u00ec v\u1eabn n\u00ean vi\u1ebft, d\u00f9 sao n\u00f3 c\u0169ng kh\u00f4ng m\u1ea5t nhi\u1ec1u c\u00f4ng s\u1ee9c l\u1eafm.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Su_dung_cac_cong_cu_chuyen_biet_de_test_website_tren_nhieu_kich_co_man_hinh_khac_nhau\"><\/span>S\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 chuy\u00ean bi\u1ec7t \u0111\u1ec3 test website tr\u00ean nhi\u1ec1u k\u00edch c\u1ee1 m\u00e0n h\u00ecnh kh\u00e1c nhau<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 tr\u1ef1c tuy\u1ebfn t\u1ed1t \u0111\u1ec3 l\u00e0m \u0111i\u1ec1u n\u00e0y, v\u00ed d\u1ee5 nh\u01b0: <a href=\"https:\/\/responsivedesignchecker.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">responsivedesignchecker.com<\/a><\/p>\n\n\n\n<p>Nh\u01b0ng h\u00f3a ra trong ngay tr\u00ecnh duy\u1ec7t Chrome c\u00f3 c\u00e1i r\u1ea5t ti\u1ec7n \u0111\u1ec3 ch\u00fang ta th\u1ef1c hi\u1ec7n, n\u00f3 \u1edf \u0111\u00e2y:<\/p>\n\n\n\n<p>\u0110\u1ea7u ti\u00ean b\u1ea1n nh\u1ea5n ph\u00edm F12, r\u1ed3i click v\u00e0o bi\u1ec3u t\u01b0\u1ee3ng h\u00ecnh di \u0111\u1ed9ng nh\u01b0 h\u00ecnh b\u00ean d\u01b0\u1edbi.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/09\/test-responsive-tren-chrome-1024x650.png\" alt=\"test responsive tr\u00ean Chrome\" class=\"wp-image-14460\"\/><\/figure><\/div>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 ch\u1ee7 \u0111\u1ed9ng thi\u1ebft l\u1eadp chi\u1ec1u r\u1ed9ng, chi\u1ec1u cao m\u00e0n h\u00ecnh theo \u00fd mu\u1ed1n ho\u1eb7c ch\u1ecdn c\u00e1c thi\u1ebft b\u1ecb di \u0111\u1ed9ng c\u00f3 s\u1eb5n trong ph\u1ea7n l\u1ef1a ch\u1ecdn c\u1ee7a tr\u00ecnh duy\u1ec7t t\u1eeb menu x\u1ed5.<\/p>\n\n\n\n<p>Ngo\u00e0i ra c\u00f3 m\u1ed9t trang web kh\u00e1c \u1edf m\u1ed9t \u0111\u1eb3ng c\u1ea5p r\u1ea5t cao trong vi\u1ec7c test, \u0111\u00f3 l\u00e0 <a href=\"https:\/\/www.browserstack.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">browserstack.com<\/a>, n\u00f3 kh\u00e1c bi\u1ec7t v\u00ec c\u00e1i n\u00e0y kh\u00f4ng ph\u1ea3i gi\u1ea3 l\u1eadp thu\u1ea7n t\u00fay m\u00e0 l\u00e0 <strong>giao di\u1ec7n thi\u1ebft b\u1ecb th\u1ef1c<\/strong>, do v\u1eady b\u1ea1n s\u1ebd nh\u00ecn ra \u0111\u01b0\u1ee3c nh\u1eefng th\u1ee9 m\u00e0 m\u00f4i tr\u01b0\u1eddng gi\u1ea3 l\u1eadp \u0111\u01a1n gi\u1ea3n nh\u01b0 Chrome v\u00e0 \u0111a s\u1ed1 website kh\u00e1c kh\u00f4ng l\u00e0m \u0111\u01b0\u1ee3c. G\u00f3i d\u00f9ng th\u1eed mi\u1ec5n ph\u00ed c\u1ee7a n\u00f3 c\u0169ng t\u01b0\u01a1ng \u0111\u1ed1i tho\u1ea3i m\u00e1i, c\u00f2n b\u1ea3n c\u00f3 ph\u00ed c\u00f3 l\u1ebd ch\u1ec9 h\u1ee3p v\u1edbi ai th\u01b0\u1eddng xuy\u00ean ph\u1ea3i test tr\u00ean r\u1ea5t nhi\u1ec1u thi\u1ebft b\u1ecb.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Chu_y_den_tham_my\"><\/span>Ch\u00fa \u00fd \u0111\u1ebfn th\u1ea9m m\u1ef9<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Trong c\u00e1c c\u00f4ng ty chuy\u00ean nghi\u1ec7p ng\u01b0\u1eddi ta th\u01b0\u1eddng chia th\u00e0nh hai b\u1ed9 ph\u1eadn l\u1edbn l\u00e0 thi\u1ebft k\u1ebf v\u00e0 l\u1eadp tr\u00ecnh. M\u1ed9t c\u00e1i th\u00ec t\u1eadp trung v\u00e0o v\u1ebb ngo\u00e0i, m\u1ed9t c\u00e1i th\u00ec t\u1eadp trung v\u00e0o ch\u1ee9c n\u0103ng. C\u01a1 m\u00e0 c\u00f3 nhi\u1ec1u tr\u01b0\u1eddng h\u1ee3p ch\u00fang \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn nhau \u0111\u00e1ng k\u1ec3. M\u1ed9t n\u00fat b\u1ea5m thi\u1ebft k\u1ebf v\u00f4 duy\u00ean l\u00e0m m\u1ed9t ch\u1ee9c n\u0103ng hay ch\u1eb3ng m\u1ea5y ai m\u1eb7n m\u00e0, ng\u01b0\u1ee3c l\u1ea1i, c\u0169ng c\u00f3 khi m\u1ed9t thi\u1ebft k\u1ebf xao xuy\u1ebfn l\u1ea1i \u0111i k\u00e8m v\u1edbi ch\u1ee9c n\u0103ng d\u1ec3 t\u1ec7.<\/p>\n\n\n\n<p>D\u00f9 b\u1ea1n l\u00e0 ng\u01b0\u1eddi l\u00e0m c\u00e1 nh\u00e2n, hay trong c\u00f4ng ty c\u00f3 m\u1ea3ng thi\u1ebft k\u1ebf ri\u00eang th\u00ec vi\u1ec7c n\u1eafm b\u1eaft c\u00e1c nguy\u00ean t\u1eafc th\u1ea9m m\u1ef9 c\u0103n b\u1ea3n v\u1eabn r\u1ea5t c\u1ea7n thi\u1ebft, \u00edt ra l\u00e0 \u0111\u1ec3 tr\u00e1nh c\u00e1c l\u1ed7i nghi\u00eam tr\u1ecdng.<\/p>\n\n\n\n<p>C\u00e1ch \u0111\u01a1n gi\u1ea3n nh\u1ea5t \u0111\u1ec3 h\u1ecdc \u0111\u01b0\u1ee3c \u0111i\u1ec1u n\u00e0y l\u00e0 xem c\u00e1c trang kh\u00e1c c\u00f3 thi\u1ebft k\u1ebf \u0111\u01b0\u1ee3c nhi\u1ec1u ng\u01b0\u1eddi ho\u1eb7c gi\u1edbi chuy\u00ean gia \u0111\u00e1nh gi\u00e1 l\u00e0 \u0111\u1eb9p, ch\u00fang ta s\u1ebd d\u1ea7n h\u00ecnh th\u00e0nh \u0111\u01b0\u1ee3c kinh nghi\u1ec7m trong v\u1ea5n \u0111\u1ec1 c\u1ea3m t\u00ednh n\u00e0y, v\u00e0 h\u1ea1n ch\u1ebf vi\u1ec7c qu\u00e1 ch\u1ee7 quan v\u1ec1 th\u1ea9m m\u1ef9 (v\u00ed d\u1ee5 b\u1ea3n th\u00e2n ch\u00fang ta th\u1ea5y n\u00f3 \u0111\u1eb9p nh\u01b0ng th\u1ef1c t\u1ebf \u0111a s\u1ed1 m\u1ecdi ng\u01b0\u1eddi l\u1ea1i kh\u00f4ng th\u1ea5y v\u1eady).<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Anh_nen_full_trang_hiem_khi_dung_nhung_neu_phu_hop_cung_rat_on\"><\/span>\u1ea2nh n\u1ec1n full trang hi\u1ebfm khi d\u00f9ng nh\u01b0ng n\u1ebfu ph\u00f9 h\u1ee3p c\u0169ng r\u1ea5t \u1ed5n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ph\u1ea7n l\u1edbn website kh\u00f4ng d\u00f9ng \u1ea3nh n\u1ec1n (background image) full trang, c\u00f3 m\u1ea5y nguy\u00ean do ch\u00ednh:<\/p>\n\n\n\n<ul><li>N\u00f3 l\u00e0m dung l\u01b0\u1ee3ng trang t\u0103ng l\u00ean \u0111\u00e1ng k\u1ec3. M\u1ed9t \u1ea3nh n\u1ec1n cho m\u00e0n h\u00ecnh 1920 x 1080 c\u00f3 th\u1ec3 c\u00f3 dung l\u01b0\u1ee3ng l\u00ean t\u1edbi 300KB l\u00e0 chuy\u1ec7n r\u1ea5t b\u00ecnh th\u01b0\u1eddng;<\/li><li>\u1ea2nh n\u1ec1n ch\u1eafc ch\u1eafn l\u00e0m vi\u1ec7c ch\u1ecdn m\u00e0u s\u1eafc tr\u00ean trang ph\u1ea3i h\u1ebft s\u1ee9c c\u1ea9n th\u1eadn v\u00ec l\u00fac n\u00e0y m\u00e0u c\u1ee7a \u1ea3nh n\u1ec1n c\u0169ng tham gia v\u00e0o vi\u1ec7c t\u1ea1o m\u00e0u n\u1ec1n cho t\u1ea5t c\u1ea3 c\u00e1c th\u00e0nh ph\u1ea7n kh\u00e1c nh\u01b0 ch\u1eef, n\u00fat, form; C\u00f3 \u1ea3nh n\u1ec1n s\u1ebd gi\u1edbi h\u1ea1n \u00edt nhi\u1ec1u kh\u1ea3 n\u0103ng ch\u1ecdn m\u00e0u s\u1eafc c\u1ee7a b\u1ea1n;<\/li><li>\u1ea2nh n\u1ec1n tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng c\u00f3 kh\u1ea3 n\u0103ng l\u00e0m n\u00f3 ch\u1eadm \u0111i \u0111\u00e1ng k\u1ec3 so v\u1edbi kh\u00f4ng d\u00f9ng, nh\u1ea5t l\u00e0 tr\u00ean k\u1ebft n\u1ed1i y\u1ebfu;<\/li><\/ul>\n\n\n\n<p>M\u1ea5y m\u1eb9o ch\u1ecdn \u1ea3nh n\u1ec1n:<\/p>\n\n\n\n<ul><li>T\u00ecm \u1ea3nh n\u1ec1n mi\u1ec5n ph\u00ed tr\u00ean c\u00e1c trang chuy\u00ean bi\u1ec7t, b\u1ea1n c\u1ee9 g\u00f5 free images, \u1ea3nh mi\u1ec5n ph\u00ed l\u00e0 ra c\u1ea3 t\u00e1. \u0110i\u1ec1u n\u00e0y c\u00f3 th\u1ec3 r\u1ea5t quan tr\u1ecdng tr\u00ean c\u00e1c trang nghi\u00eam t\u00fac v\u1ec1 v\u1ea5n \u0111\u1ec1 b\u1ea3n quy\u1ec1n, b\u1ea1n n\u00ean \u0111\u1ecdc k\u1ef9 gi\u1ea5y ph\u00e9p c\u1ee7a n\u00f3. T\u1ed1t nh\u1ea5t l\u00e0 gi\u1ea5y ph\u00e9p s\u1eed d\u1ee5ng tr\u00ean c\u1ea3 c\u00e1c trang th\u01b0\u01a1ng m\u1ea1i, kh\u00f4ng y\u00eau c\u1ea7u d\u1eabn ngu\u1ed3n;<\/li><li>Ch\u1ecdn \u1ea3nh c\u00f3 m\u00e0u tr\u01a1n \/ ho\u1eb7c \u0111\u1ec1u m\u00e0u, \u00edt chi ti\u1ebft s\u1ebd r\u1ea5t c\u00f3 l\u1ee3i trong vi\u1ec7c b\u1ed1 c\u1ee5c c\u00e1c th\u00e0nh ph\u1ea7n kh\u00e1c c\u1ee7a ch\u00fang ta; <\/li><li>Ch\u00fa \u00fd t\u1ea1o \u1ea3nh n\u1ec1n cho c\u00e1c m\u00e0n h\u00ecnh kh\u00e1c nhau gi\u00fap gi\u1ea3m \u0111\u00e1ng k\u1ec3 dung l\u01b0\u1ee3ng c\u1ee7a c\u00e1c phi\u00ean b\u1ea3n m\u00e0n h\u00ecnh nh\u1ecf;<\/li><li>\u1ea2nh n\u1ec1n tr\u00ean di \u0111\u1ed9ng n\u00ean s\u1eed d\u1ee5ng ki\u1ec3u t\u1ea3i <a href=\"https:\/\/kiencang.net\/anh-jpeg-progressive-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">JPEG progressive<\/a> \u0111\u1ec3 h\u1ea1n ch\u1ebf \u1ea3nh h\u01b0\u1edfng tr\u00ean c\u00e1c k\u1ebft n\u1ed1i ch\u1eadm;<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Chu_y_den_viec_vo_hieu_hoa_hieu_ung_CSS_cua_trinh_duyet_Safari_tren_Iphone\"><\/span>Ch\u00fa \u00fd \u0111\u1ebfn vi\u1ec7c v\u00f4 hi\u1ec7u h\u00f3a hi\u1ec7u \u1ee9ng CSS c\u1ee7a tr\u00ecnh duy\u1ec7t Safari tr\u00ean Iphone<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Hi\u1ec7u \u1ee9ng CSS li\u00ean quan \u0111\u1ebfn n\u00fat v\u00e0 vi\u1ec7c xoay m\u00e0n h\u00ecnh t\u1eeb d\u1ecdc sang ngang l\u00e0m t\u0103ng c\u1ee1 ch\u1eef c\u00f3 kh\u1ea3 n\u0103ng l\u00e0m nhi\u1ec1u ng\u01b0\u1eddi thi\u1ebft k\u1ebf kh\u00f4ng h\u00e0i l\u00f2ng. B\u1ea1n n\u00ean ghi \u0111\u00e8 CSS n\u00e0y c\u1ee7a n\u00f3, \u0111\u1ec3 vi\u1ec7c thi\u1ebft k\u1ebf \u0111\u01b0\u1ee3c ch\u1ee7 \u0111\u1ed9ng theo \u00fd c\u1ee7a m\u00ecnh h\u01a1n, \u0111o\u1ea1n m\u00e3 m\u1eabu b\u00ean d\u01b0\u1edbi d\u00f9ng \u0111\u1ec3 kh\u1eafc ph\u1ee5c v\u1ea5n \u0111\u1ec1:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>input&#91;type=text], input&#91;type=button], input&#91;type=submit] {-webkit-appearance: none;} \n\/* kh\u1eed CSS m\u1eb7c \u0111\u1ecbnh c\u1ee7a iphone d\u00e0nh cho n\u00fat *\/\n                    \nhtml {-webkit-text-size-adjust: 100%;} \/* ng\u0103n vi\u1ec7c ph\u00f3ng to font ch\u1eef khi m\u00e0n h\u00ecnh xoay t\u1eeb d\u1ecdc sang ngang tr\u00ean iphone *\/<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dat_ten_id_div_cac_ham_bien_JS_hay_PHP_theo_chuan_tieng_Anh\"><\/span>\u0110\u1eb7t t\u00ean id, div, c\u00e1c h\u00e0m, bi\u1ebfn JS hay PHP theo chu\u1ea9n ti\u1ebfng Anh<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Th\u1ef1c ra ng\u00e0y x\u01b0a t\u00f4i to\u00e0n \u0111\u1eb7t ti\u1ebfng Vi\u1ec7t kh\u00f4ng d\u1ea5u, v\u1ec1 sau m\u1edbi bi\u1ebft l\u00e0 trong m\u00f4i tr\u01b0\u1eddng l\u00e0m vi\u1ec7c chuy\u00ean nghi\u1ec7p, c\u00f3 c\u1ed9ng t\u00e1c nhi\u1ec1u ng\u01b0\u1eddi th\u00ec \u00edt khi ng\u01b0\u1eddi ta l\u00e0m th\u1ebf l\u1eafm.<\/p>\n\n\n\n<p>M\u1ecdi ng\u01b0\u1eddi s\u1ebd d\u00f9ng ti\u1ebfng Anh \u0111\u1ec3 \u0111\u1eb7t. B\u1ea1n c\u0169ng \u0111\u1eebng lo y\u1ebfu ti\u1ebfng Anh s\u1ebd kh\u00f4ng bi\u1ebft l\u00e0m, v\u00ec s\u1ed1 l\u01b0\u1ee3ng t\u1eeb c\u1ea7n bi\u1ebft c\u0169ng kh\u00f4ng nhi\u1ec1u \u0111\u00e2u, t\u1eeb n\u00e0o kh\u00f3 th\u00ec b\u1ea1n c\u1ee9 tra th\u00f4i l\u00e0 bi\u1ebft li\u1ec1n.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tang_cuong_chu_thich\"><\/span>T\u0103ng c\u01b0\u1eddng ch\u00fa th\u00edch<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>D\u00f9 tr\u00ean c\u00e1c \u1ee9ng d\u1ee5ng ph\u1ea3i vi\u1ebft m\u00e3 d\u00e0i, hay \u1ee9ng d\u1ee5ng \u0111\u01a1n gi\u1ea3n m\u00e0 b\u1ea1n v\u1eabn c\u00f2n \u1edf tr\u1ea1ng th\u00e1i ch\u01b0a th\u00e0nh th\u1ea1o th\u00ec vi\u1ec7c ch\u00fa th\u00edch r\u1ea5t quan tr\u1ecdng.<\/p>\n\n\n\n<p>N\u00f3 gi\u00fap b\u1ea1n m\u1ed7i l\u1ea7n c\u1ea7n s\u1eeda ch\u1eefa g\u00ec \u0111\u00f3 s\u1ebd nhanh h\u01a1n, \u00edt l\u1ed7i h\u01a1n.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Chu_y_den_cac_the_co_ban_can_dieu_chinh\"><\/span>Ch\u00fa \u00fd \u0111\u1ebfn c\u00e1c th\u1ebb c\u01a1 b\u1ea3n c\u1ea7n \u0111i\u1ec1u ch\u1ec9nh<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>B\u00ean d\u01b0\u1edbi l\u00e0 c\u00e1c th\u1ebb c\u01a1 b\u1ea3n m\u00e0 b\u1ea1n c\u1ea7n \u0111\u1ec3 \u00fd c\u00e1c thu\u1ed9c t\u00ednh, gi\u00e1 tr\u1ecb c\u1ee7a n\u00f3:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;html lang=\"vi\"&gt;\n    &lt;head&gt;\n        &lt;title&gt;T\u00ean hay cho b\u00e9 - b\u1ea7u.com&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;meta name=\"description\" content=\"\u0110\u1eb7t t\u00ean hay cho b\u00e9, c\u00e1c t\u00ean hay cho b\u00e9 trai, b\u00e9 g\u00e1i, th\u1ed1ng k\u00ea h\u1ecd t\u00ean ng\u01b0\u1eddi \u1edf Vi\u1ec7t Nam\"&gt;\n        &lt;meta name=\"keywords\" content=\"t\u00ean hay, t\u00ean b\u00e9 trai, t\u00ean b\u00e9 g\u00e1i, h\u1ecd ph\u1ed5 bi\u1ebfn, t\u00ean ph\u1ed5 bi\u1ebfn\"&gt;        \n        &lt;link rel=\"shortcut icon\" type=\"image\/ico\" href=\"image\/favicon.ico\"\/&gt;\n        &lt;!-- Open Graph tags FB --&gt;\n        &lt;meta property=\"og:url\" content=\"index.html\" \/&gt;\n        &lt;meta property=\"og:type\" content=\"website\" \/&gt;\n        &lt;meta property=\"og:title\" content=\"T\u00ean hay cho b\u00e9 - b\u1ea7u.com\" \/&gt;\n        &lt;meta property=\"og:description\" content=\"G\u1ee3i \u00fd t\u00ean hay cho con\" \/&gt;\n        &lt;meta property=\"og:image\" content=\"image\/pexels-efdal-yildiz1200.jpg\" \/&gt;  <\/code><\/pre>\n\n\n\n<p>Trong \u0111\u00f3 c\u00f3 vi\u1ec7c \u0111i\u1ec1u ch\u1ec9nh thu\u1ed9c thu\u1ed9c t\u00ednh <code>lang<\/code> v\u1ec1 <code>vi<\/code>, t\u1ee9c l\u00e0 ti\u1ebfng Vi\u1ec7t n\u1ebfu website c\u1ee7a b\u1ea1n d\u00e0nh cho ng\u01b0\u1eddi \u0111\u1ecdc ti\u1ebfng Vi\u1ec7t.<\/p>\n\n\n\n<p>charset l\u00e0 <code>UTF-8<\/code>, th\u01b0\u1eddng th\u00ec c\u00e1c \u1ee9ng d\u1ee5ng h\u1ed7 tr\u1ee3 vi\u1ebft m\u00e3 nh\u01b0 Apache Netbeans s\u1ebd t\u1ea1o s\u1eb5n m\u00e3 n\u00e0y cho ch\u00fang ta r\u1ed3i, n\u1ebfu kh\u00f4ng b\u1ea1n c\u1ea7n t\u1ef1 th\u00eam v\u00e0o.<\/p>\n\n\n\n<p>Th\u1ebb:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;<\/code><\/pre>\n\n\n\n<p>C\u0169ng \u0111\u1eb7c bi\u1ec7t quan tr\u1ecdng, n\u00f3 li\u00ean quan \u0111\u1ebfn vi\u1ec7c t\u1ea1o ra trang c\u00f3 kh\u1ea3 n\u0103ng responsive.<\/p>\n\n\n\n<p>2 th\u1ebb <code>meta description<\/code> v\u00e0 <code>meta keywords<\/code> th\u00ec li\u00ean quan \u0111\u1ebfn SEO. Hai th\u1ebb n\u00e0y kh\u00f4ng qu\u00e1 quan tr\u1ecdng, v\u00ec c\u00e1c c\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm ng\u00e0y nay kh\u00f4ng c\u00f2n d\u1ef1a nhi\u1ec1u v\u00e0o n\u00f3 n\u1eefa, nh\u01b0ng n\u1ebfu b\u1ea1n c\u00f3 c\u0169ng t\u1ed1t.<\/p>\n\n\n\n<p>C\u00f2n <code>link rel=\"shortcut icon\"<\/code> \u0111\u01b0\u1ee3c d\u00f9ng v\u00e0o vi\u1ec7c t\u1ea1o favicon cho trang. M\u1ed9t \u1ee9ng d\u1ee5ng t\u1ea1o Favicon nhanh v\u00e0 \u0111\u01a1n gi\u1ea3n m\u00e0 t\u00f4i r\u1ea5t th\u00edch l\u00e0 trang <a href=\"https:\/\/favicon.io\/favicon-generator\/\" target=\"_blank\" rel=\"noreferrer noopener\">favicon.io\/favicon-generator\/<\/a><\/p>\n\n\n\n<p>Cu\u1ed1i c\u00f9ng n\u1ebfu trang c\u1ee7a b\u1ea1n quan tr\u1ecdng v\u1edbi vi\u1ec7c chia s\u1ebb l\u00ean Facebook, b\u1ea1n c\u1ea7n quan t\u1ea5m \u0111\u1ebfn 5 th\u1ebb ti\u1ebfp theo. C\u00e1c gi\u1ea3i th\u00edch c\u1ee7a n\u00f3 b\u1ea1n nh\u00ecn v\u00e0o m\u00e3 s\u1ebd hi\u1ec3u, n\u1ebfu c\u1ea7n c\u00e1c gi\u1ea3i th\u00edch chuy\u00ean s\u00e2u h\u01a1n b\u1ea1n n\u00ean t\u00ecm t\u00e0i li\u1ec7u c\u1ee7a ch\u00ednh th\u1ee9c c\u1ee7a Facebook.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cach_don_gian_de_xoa_cache_trinh_duyet_ma_khong_anh_huong_den_cache_cua_trang_khac_ma_cung_khong_can_phai_bat_tab_an_danh\"><\/span>C\u00e1ch \u0111\u01a1n gi\u1ea3n \u0111\u1ec3 x\u00f3a cache tr\u00ecnh duy\u1ec7t m\u00e0 kh\u00f4ng \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn cache c\u1ee7a trang kh\u00e1c, m\u00e0 c\u0169ng kh\u00f4ng c\u1ea7n ph\u1ea3i b\u1eadt tab \u1ea9n danh<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Trong qu\u00e1 tr\u00ecnh ph\u00e1t tri\u1ec3n ch\u00fang ta s\u1ebd ph\u1ea3i li\u00ean t\u1ee5c s\u1eeda CSS r\u1ed3i ki\u1ec3m tra, khi \u1ea5y cache tr\u00ecnh duy\u1ec7t c\u00f3 th\u1ec3 l\u00e0m ch\u00fang ta t\u01b0\u1edfng nh\u1ea7m m\u00ecnh ch\u01b0a l\u00e0m \u0111\u00fang. <\/p>\n\n\n\n<p>C\u00e1ch kh\u1eafc ph\u1ee5c th\u01b0\u1eddng l\u00e0 b\u1ea1n v\u00e0o tab \u1ea9n danh \u0111\u1ec3 t\u1ea3i trang, v\u00ec tab \u1ea9n danh kh\u00f4ng l\u01b0u cache tr\u00ecnh duy\u1ec7t. C\u00e1ch kh\u00e1c l\u00e0 x\u00f3a cache tr\u00ecnh duy\u1ec7t, nh\u01b0ng n\u00f3 s\u1ebd c\u00f3 th\u1ec3 \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn c\u00e1c cache c\u1ee7a trang web kh\u00e1c.<\/p>\n\n\n\n<p>C\u00e1ch \u0111\u01a1n gi\u1ea3n h\u01a1n l\u00e0 b\u1ea1n b\u1eadt ph\u00edm F12, r\u1ed3i t\u00edch v\u00e0o <code>disable cache<\/code>, th\u1ebf l\u00e0 vi\u1ec7c t\u1ea3i trang s\u1ebd \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n l\u1ea1i thay v\u00ec get d\u1eef li\u1ec7u t\u1eeb cache.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Co_nhieu_thu_vien_JS_cuc_ky_thu_vi_va_co_chat_luong_cao\"><\/span>C\u00f3 nhi\u1ec1u th\u01b0 vi\u1ec7n JS c\u1ef1c k\u00fd th\u00fa v\u1ecb v\u00e0 c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng cao<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ngo\u00e0i jQuery r\u1ea5t n\u1ed5i ti\u1ebfng (v\u00e0 c\u1ea3 tai ti\u1ebfng v\u00ec \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn hi\u1ec7u su\u1ea5t) th\u00ec c\u00f3 nhi\u1ec1u th\u01b0 vi\u1ec7n JS kh\u00e1c m\u00e0 b\u1ea1n s\u1ebd ph\u1ea3i ng\u1ea1c nhi\u00ean th\u1ef1c s\u1ef1 v\u1ec1 kh\u1ea3 n\u0103ng c\u1ee7a n\u00f3.<\/p>\n\n\n\n<p>T\u00f4i ph\u1ea3i h\u00e1 h\u1ed1c m\u1ed3m v\u1ec1 \u0111\u1ed9 \u0111\u1eb9p m\u1eaft c\u1ee7a <a href=\"https:\/\/kiencang.net\/bang-bieu-echarts\/\" target=\"_blank\" rel=\"noreferrer noopener\">b\u1ea3ng bi\u1ec3u do th\u01b0 vi\u1ec7n JS ECharts t\u1ea1o ra<\/a>.<\/p>\n\n\n\n<p><a href=\"https:\/\/kiencang.net\/bang-bieu-echarts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Trong b\u00e0i vi\u1ebft ti\u1ebfng Anh n\u00e0y c\u1ee7a Kinsta, b\u1ea1n s\u1ebd bi\u1ebft \u0111\u01b0\u1ee3c nhi\u1ec1u th\u01b0 vi\u1ec7n kh\u00e1c<\/a> hay ho n\u1eefa.<\/p>\n\n\n\n<p>Tr\u01b0\u1eddng h\u1ee3p n\u00e0o b\u1ea1n n\u00ean d\u00f9ng th\u01b0 vi\u1ec7n v\u00e0 tr\u01b0\u1eddng h\u1ee3p n\u00e0o kh\u00f4ng? D\u01b0\u1edbi \u0111\u00e2y l\u00e0 c\u00e2u tr\u1ea3 l\u1eddi v\u1eafn t\u1eaft:<\/p>\n\n\n\n<ul><li>Nh\u00ecn chung n\u1ebfu b\u1ea1n t\u1ef1 vi\u1ebft \u0111\u01b0\u1ee3c th\u00ec n\u00ean t\u1ef1 vi\u1ebft, nh\u1ea5t l\u00e0 nh\u1eefng c\u00e1i c\u01a1 b\u1ea3n;<\/li><li>Nh\u01b0ng v\u1edbi nh\u1eefng t\u00e1c v\u1ee5 ph\u1ee9c t\u1ea1p, \u0111\u00f2i h\u1ecfi chuy\u00ean s\u00e2u, s\u1eed d\u1ee5ng th\u01b0 vi\u1ec7n l\u00e0 gi\u1ea3i ph\u00e1p hay, v\u00ec \u0111\u1ec3 t\u1ef1 vi\u1ebft \u0111\u01b0\u1ee3c c\u00e1i t\u01b0\u01a1ng t\u1ef1 nh\u01b0 th\u01b0 vi\u1ec7n th\u00ec level c\u1ee7a b\u1ea1n n\u00f3 ph\u1ea3i \u1edf c\u1ea5p \u0111\u1ed9 cao \u0111\u1ebfn r\u1ea5t cao r\u1ed3i, th\u1ee9 n\u1eefa, m\u1ed9t s\u1ed1 th\u01b0 vi\u1ec7n c\u00f3 s\u1ed1 l\u01b0\u1ee3ng ng\u01b0\u1eddi d\u00f9ng l\u1edbn, v\u00e0 d\u1ea7n tr\u1edf th\u00e0nh m\u1ed9t ti\u00eau chu\u1ea9n k\u1ef9 n\u0103ng trong nhi\u1ec1u c\u00f4ng ty, gi\u00fap vi\u1ec7c h\u1ee3p t\u00e1c v\u1edbi nhau d\u1ec5 d\u00e0ng h\u01a1n, v\u00e0 b\u1ea1n c\u00f3 th\u1ec3 c\u00f3 l\u1ee3i khi bi\u1ebft ch\u00fang;<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Rut_gon_ma_CSS_JS_HTML\"><\/span>R\u00fat g\u1ecdn m\u00e3 CSS, JS, HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>C\u00e1c ch\u00fa th\u00edch r\u1ea5t c\u00f3 \u00edch, c\u00e1ch vi\u1ebft m\u00e3 ng\u0103n d\u00f2ng c\u0169ng r\u1ea5t ti\u1ec7n cho vi\u1ec7c \u0111\u1ecdc, s\u1eeda ch\u1eefa, nh\u01b0ng khi \u0111\u01b0a trang tr\u1ef1c tuy\u1ebfn vi\u1ec7c r\u00fat g\u1ecdn, lo\u1ea1i b\u1ecf nh\u1eefng th\u00e0nh ph\u1ea7n kh\u00f4ng c\u1ea7n thi\u1ebft c\u00f3 th\u1ec3 gi\u00fap b\u1ea1n ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c 30 &#8211; 50% d\u1eef li\u1ec7u so v\u1edbi d\u1ea1ng ban \u0111\u1ea7u.<\/p>\n\n\n\n<p>V\u1edbi CSS b\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng c\u00f4ng c\u1ee5 n\u00e0y \u0111\u1ec3 lo\u1ea1i b\u1ecf k\u00fd t\u1ef1 th\u1eeba: <a href=\"https:\/\/cssminifier.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">cssminifier.com\/<\/a><\/p>\n\n\n\n<p>V\u1edbi JS b\u1ea1n d\u00f9ng c\u00f4ng c\u1ee5 n\u00e0y: <a href=\"https:\/\/jscompress.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">jscompress.com\/<\/a><\/p>\n\n\n\n<p>V\u1edbi HTML b\u1ea1n c\u00f3 th\u1ec3 th\u1eed c\u00e1i n\u00e0y: <a href=\"https:\/\/www.textfixer.com\/html\/compress-html-compression.php\" target=\"_blank\" rel=\"noreferrer noopener\">textfixer.com\/html\/compress-html-compression.php<\/a><\/p>\n\n\n\n<p>T\u1ea5t c\u1ea3 n\u00ean \u0111\u01b0\u1ee3c ki\u1ec3m tra l\u1ea1i k\u1ef9 sau khi n\u00e9n xem c\u00f3 sai l\u1ea7m n\u00e0o kh\u00f4ng. Th\u01b0\u1eddng s\u1ebd kh\u00f4ng x\u1ea3y ra v\u1ea5n \u0111\u1ec1 g\u00ec v\u00ec c\u00e1c k\u1ef9 thu\u1eadt n\u00e0y r\u1ea5t c\u01a1 b\u1ea3n v\u00e0 hi\u1ebfm khi g\u00e2y ra r\u1eafc r\u1ed1i.<\/p>\n\n\n\n<p>M\u1ed9t \u0111i\u1ec1u l\u01b0u \u00fd l\u00e0 b\u1ea1n v\u1eabn c\u1ea7n l\u01b0u d\u1eef li\u1ec7u d\u1ea1ng c\u00f3 ch\u00fa th\u00edch \u0111\u1ec3 d\u00f9ng khi c\u1ea7n. D\u1ea1ng thu g\u1ecdn n\u00e0y m\u00e0 \u0111\u1ec3 s\u1eeda th\u00ec s\u1ebd kh\u00f4ng h\u1ee3p.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Quan_tam_den_toc_do_trang\"><\/span>Quan t\u00e2m \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 trang<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0110\u00e2y s\u1ebd l\u00e0 v\u1ea5n \u0111\u1ec1 quan tr\u1ecdng n\u1ebfu trang c\u1ee7a b\u1ea1n c\u00f3 ch\u1ee9c n\u0103ng ph\u1ee9c t\u1ea1p ho\u1eb7c nhi\u1ec1u ng\u01b0\u1eddi d\u00f9ng.<\/p>\n\n\n\n<p>C\u00e1c gi\u1ea3i ph\u00e1p t\u0103ng t\u1ed1c c\u01a1 b\u1ea3n bao g\u1ed3m:<\/p>\n\n\n\n<ul><li>S\u1eed d\u1ee5ng CDN n\u1ebfu m\u00e1y ch\u1ee7 g\u1ed1c c\u1ee7a b\u1ea1n \u0111\u1eb7t \u1edf n\u01b0\u1edbc ngo\u00e0i;<\/li><li>Vi\u1ebft m\u00e3 ng\u1eafn g\u1ecdn, \u0111\u01a1n gi\u1ea3n nh\u1ea5t \u0111\u1ec3 gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1. Vi\u1ebft m\u1ed9t c\u00e1i \u0111\u01a1n gi\u1ea3n \u0111\u1ec3 gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 nhi\u1ec1u khi l\u1ea1i kh\u00f4ng \u0111\u01a1n gi\u1ea3n ch\u00fat n\u00e0o. N\u00f3 \u0111\u00f2i h\u1ecfi gi\u1ea3i thu\u1eadt b\u1ea1n \u0111\u1ec1 ra h\u1ee3p l\u00fd, c\u00e1c h\u00e0m b\u1ea1n ch\u1ecdn \u1ed5n th\u1ecfa th\u00ec m\u1edbi \u1ed5n. \u0110\u1ec3 c\u1ea3i thi\u1ec7n c\u00e1i n\u00e0y ch\u00fang ta ch\u1ec9 c\u00f2n c\u00e1ch r\u00e8n luy\u1ec7n m\u00e0 th\u00f4i;<\/li><li>T\u00ecm hi\u1ec3u c\u00e1c th\u01b0 vi\u1ec7n kh\u00e1c nhau, v\u00e0 n\u1eafm r\u00f5 nhu c\u1ea7u c\u1ee7a ch\u00fang ta. \u0110a s\u1ed1 c\u00e1c th\u01b0 vi\u1ec7n JS \u0111\u1ec1u kh\u00e1 nh\u1eb9 nh\u00e0ng, nh\u01b0ng c\u0169ng c\u00f3 th\u01b0 vi\u1ec7n l\u00ean \u0111\u1ebfn c\u1ea3 MB, n\u1ebfu th\u1ef1c s\u1ef1 c\u1ea7n m\u1edbi d\u00f9ng, c\u00f2n kh\u00f4ng b\u1ea1n n\u00ean t\u00ecm th\u01b0 vi\u1ec7n thay th\u1ebf nh\u1eb9 nh\u00e0ng h\u01a1n. \u0110a s\u1ed1 th\u01b0 vi\u1ec7n, \u0111\u1ec1u c\u00f3 v\u00e0i th\u01b0 vi\u1ec7n kh\u00e1c c\u00f3 kh\u1ea3 n\u0103ng thay th\u1ebf.<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"File_robotstxt\"><\/span>File robots.txt<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>File n\u00e0y d\u00f9ng \u0111\u1ec3 h\u01b0\u1edbng d\u1eabn c\u00e1c b\u1ecd t\u00ecm ki\u1ebfm (Google, Bing, C\u1ed1c C\u1ed1c,&#8230;) ho\u1ea1t \u0111\u1ed9ng th\u1ebf n\u00e0o tr\u00ean website c\u1ee7a b\u1ea1n. Th\u00f4ng th\u01b0\u1eddng n\u1ebfu b\u1ea1n cho ph\u00e9p n\u00f3 l\u1eadp ch\u1ec9 m\u1ee5c to\u00e0n b\u1ed9 website th\u00ec m\u00e3 n\u00ean \u0111\u1ec3 th\u1ebf n\u00e0y:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>User-Agent: *\nAllow: \/<\/code><\/pre>\n\n\n\n<p>L\u01b0u file r\u1ed3i b\u1ea1n \u0111\u1ea9y l\u00ean th\u01b0 m\u1ee5c g\u1ed1c c\u1ee7a website.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tao_sitemap\"><\/span>T\u1ea1o sitemap<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Sitemap gi\u00fap b\u1ecd t\u00ecm ki\u1ebfm d\u1ec5 t\u00ecm trang c\u1ee7a b\u1ea1n h\u01a1n, v\u00e0 c\u00f3 nh\u1eefng \u01b0u ti\u00ean trong vi\u1ec7c l\u1eadp ch\u1ec9 m\u1ee5c.<\/p>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 v\u00e0o c\u00f4ng c\u1ee5 tr\u1ef1c tuy\u1ebfn n\u00e0y: <a href=\"https:\/\/www.xml-sitemaps.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">xml-sitemaps.com<\/a> \u0111\u1ec3 t\u1ea1o sitemap cho trang, r\u1ed3i \u0111\u1ea9y l\u00ean th\u01b0 m\u1ee5c g\u1ed1c c\u1ee7a website. Sau \u0111\u00f3 th\u00eam n\u00f3 v\u00e0o file robots.txt<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>User-Agent: *\nAllow: \/\n\nSitemap: https:\/\/ten-mien-cua-ban.com\/sitemap.xml<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>T\u00f4i \u0111ang l\u00e0m m\u1ed9t \u1ee9ng d\u1ee5ng tr\u00ean n\u1ec1n t\u1ea3ng web, d\u00f9 kh\u00e1 \u0111\u01a1n gi\u1ea3n nh\u01b0ng trong qu\u00e1 tr\u00ecnh l\u00e0m c\u0169ng v\u1ee1 ra \u0111\u01b0\u1ee3c nhi\u1ec1u \u0111i\u1ec1u- b\u00e0i vi\u1ebft n\u00e0y t\u00f4i s\u1ebd chia s\u1ebb m\u1ed9t s\u1ed1 tr\u1ea3i nghi\u1ec7m \u0111\u00f3. \u0110\u1eebng \u0111\u1ee3i (c\u1ea3m th\u1ea5y) gi\u1ecfi r\u1ed3i m\u1edbi vi\u1ebft \u0110\u00e2y c\u00f3 l\u1ebd l\u00e0 v\u1ea5n \u0111\u1ec1 v\u1edbi kh\u00f4ng \u00edt ng\u01b0\u1eddi, &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[229,235,236],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>V\u00e0i kinh nghi\u1ec7m thi\u1ebft k\u1ebf web \u0111\u01a1n gi\u1ea3n &#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\/kinh-nghiem-thiet-ke-html\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"V\u00e0i kinh nghi\u1ec7m thi\u1ebft k\u1ebf web \u0111\u01a1n gi\u1ea3n &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"T\u00f4i \u0111ang l\u00e0m m\u1ed9t \u1ee9ng d\u1ee5ng tr\u00ean n\u1ec1n t\u1ea3ng web, d\u00f9 kh\u00e1 \u0111\u01a1n gi\u1ea3n nh\u01b0ng trong qu\u00e1 tr\u00ecnh l\u00e0m c\u0169ng v\u1ee1 ra \u0111\u01b0\u1ee3c nhi\u1ec1u \u0111i\u1ec1u- b\u00e0i vi\u1ebft n\u00e0y t\u00f4i s\u1ebd chia s\u1ebb m\u1ed9t s\u1ed1 tr\u1ea3i nghi\u1ec7m \u0111\u00f3. \u0110\u1eebng \u0111\u1ee3i (c\u1ea3m th\u1ea5y) gi\u1ecfi r\u1ed3i m\u1edbi vi\u1ebft \u0110\u00e2y c\u00f3 l\u1ebd l\u00e0 v\u1ea5n \u0111\u1ec1 v\u1edbi kh\u00f4ng \u00edt ng\u01b0\u1eddi, &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-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=\"2021-09-02T17:53:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/09\/test-responsive-tren-chrome-1024x650.png\" \/>\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=\"13 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"V\u00e0i kinh nghi\u1ec7m thi\u1ebft k\u1ebf web \u0111\u01a1n gi\u1ea3n &#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\/kinh-nghiem-thiet-ke-html\/","og_locale":"vi_VN","og_type":"article","og_title":"V\u00e0i kinh nghi\u1ec7m thi\u1ebft k\u1ebf web \u0111\u01a1n gi\u1ea3n &#8226; Ki\u1ebfn c\u00e0ng","og_description":"T\u00f4i \u0111ang l\u00e0m m\u1ed9t \u1ee9ng d\u1ee5ng tr\u00ean n\u1ec1n t\u1ea3ng web, d\u00f9 kh\u00e1 \u0111\u01a1n gi\u1ea3n nh\u01b0ng trong qu\u00e1 tr\u00ecnh l\u00e0m c\u0169ng v\u1ee1 ra \u0111\u01b0\u1ee3c nhi\u1ec1u \u0111i\u1ec1u- b\u00e0i vi\u1ebft n\u00e0y t\u00f4i s\u1ebd chia s\u1ebb m\u1ed9t s\u1ed1 tr\u1ea3i nghi\u1ec7m \u0111\u00f3. \u0110\u1eebng \u0111\u1ee3i (c\u1ea3m th\u1ea5y) gi\u1ecfi r\u1ed3i m\u1edbi vi\u1ebft \u0110\u00e2y c\u00f3 l\u1ebd l\u00e0 v\u1ea5n \u0111\u1ec1 v\u1edbi kh\u00f4ng \u00edt ng\u01b0\u1eddi, &hellip;","og_url":"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2021-09-02T17:53:13+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/09\/test-responsive-tren-chrome-1024x650.png"}],"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":"13 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/","url":"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/","name":"V\u00e0i kinh nghi\u1ec7m thi\u1ebft k\u1ebf web \u0111\u01a1n gi\u1ea3n &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2021-09-02T17:53:13+00:00","dateModified":"2021-09-02T17:53:13+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/kinh-nghiem-thiet-ke-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"V\u00e0i kinh nghi\u1ec7m thi\u1ebft k\u1ebf web \u0111\u01a1n gi\u1ea3n"}]},{"@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\/14456"}],"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=14456"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/14456\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=14456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=14456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=14456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}