1. Dùng thuộc tính type trong thẻ và
Trước đây người ta thường dùng như type="text/css" hoặc type="text/javascript", nhưng giờ chỉ cần dùng đơn giản hoặc là đủ.
2. Dùng Javascript để tạo menu accordion
Có thể triển khai đơn giản chỉ với HTML bằng cách dùng và.
3. Chỉ dùng và một lần trên mỗi trang
Một số người có thể nghĩ rằng và đại diện cho phần đầu trang và chân trang của toàn bộ trang, nhưng thực tế các phần tử này gắn với section gần nhất. Tức là, chúng có thể được dùng làm phần tử con của , , , , và khi tạo một section mới thì nên dùng và.
4. Dùng frameborder="0" để xóa viền của ``
Việc dùng frameborder="0" không còn được khuyến nghị trong HTML5. Thay vào đó, nên dùng CSS để thiết lập như iframe { border: none; }.
5. Hỗ trợ IE8
Không chỉ Internet Explorer 8 mà nên ngừng hỗ trợ mọi phiên bản Explorer. Microsoft cũng đã chấm dứt hỗ trợ IE 11 từ tháng 6 năm 2022, vì vậy chúng ta không cần tiếp tục cân nhắc hỗ trợ IE nữa.
6. Dùng thẻ heading một cách ngẫu nhiên
Hãy dùng thẻ heading theo cấu trúc của trang và theo thứ tự giảm dần. Nếu thẻ cuối cùng là thì tiếp theo nên dùng hoặc ``.
7. Thêm ="1" cho Boolean attribute của thẻ HTML
Boolean attribute của thẻ HTML chỉ cần viết riêng thuộc tính đó là giá trị đã được đặt thành true. Ví dụ, trong ``, nếu có thuộc tính disabled thì bản thân nó đã mang nghĩa là true, nên không cần thêm ="1".
14 bình luận
Lý do HTML5 ra đời là vì trước đó người ta đã dùng HTML mà không quan tâm đến ý nghĩa của các thẻ. Vì HTML là một ngôn ngữ đánh dấu, nên tôi nghĩ điều quan trọng là phải xem và xử lý nó như một cái khung để chứa dữ liệu. Ngoài ra, với
type, khi dùng các kiểu khác như TypeScript (TS) thì vẫn bắt buộc phải ghi rõ, nên có lẽ không cần quá nhấn mạnh chuyện lược bỏ nó.Điều quan trọng hơn là hiện nay có nhiều người dùng các tên class mang tính utility, nhưng ở khía cạnh chứa dữ liệu thì điều đó có thể không hữu ích.
Ví dụ, nếu đang chứa thông tin
title, dù dùngh1,h2,h3thì nếu class làtitlesẽ rõ ràng và tốt hơn.Nhưng việc đặt tên class kiểu `` như thế này không phải là hướng đi tốt. Gán là
titlerồi xử lý bằng CSS sẽ giúp trang web có tuổi thọ dài hơn về sau.Nếu là trang web phục vụ mục đích truyền tải thông tin với cấu trúc tương đối đơn giản thì việc áp dụng thẻ semantic và class là điều tự nhiên. Tuy nhiên, không phải mọi người dùng HTML/CSS đều chỉ tạo trang web. Trong những trường hợp cấu trúc phức tạp và không thể tránh việc dùng markup cho các yếu tố thị giác như web application, nếu dùng các tên class thông thường thì sẽ xảy ra xung đột tên. Đó cũng là lý do cần những tính năng như View Encapsulation của Angular.
Đằng nào phần lớn đều dùng React, nên thay vì quá bận tâm đến
classthì mấu chốt là tổ chức component cho tốt.Trường hợp số 7 thì đúng là vấn đề sở thích. Cá nhân tôi thấy viết ra thì dễ phân biệt và dễ đọc hơn.
<script type="text/javascript>//<![CDATA[ js codes... //]]>
</script>
Đúng là những đoạn mã gợi nhớ một thời nhỉ
Hồi trước, vào thời các trình duyệt chưa hỗ trợ đúng
scriptvàstyle, người ta từng bọc mã CSS và JS bằng comment HTML để trình duyệt hiểu chúng như chú thích.Chắc là vào thập niên 90 hoặc 2000..
Có lẽ vẫn còn khá nhiều người vẫn viết kiểu mã như vậy..
Không biết có phải khi đó người ta còn tính đến cả các ngôn ngữ khác ngoài CSS và JS nữa không.
Đã từng là vbscript thay vì javascript. Trên IE.
Không biết phần chú thích có được xử lý đúng không???
Thuộc tính
typecủa<script>không phải là cần thiết khi dùng module sao?text/cssvàtext/javascriptthì không cần, cònmodulethì đúng như bạn nói là có lẽ vẫn cần.Tôi cũng nhớ mang máng từng thấy kỹ thuật đặt thẻ
h1thànhblock: nonetừ rất lâu rồi, không biết giờ còn hiệu quả không nữa.. Tự nhiên lại nhớ về ngày xưa haha. Cảm ơn vì phần tóm tắt gọn gàng!