Những thẻ HTML inline mà hầu như không ai sử dụng
Hầu hết các lập trình viên đều biết , , và .
Có thể bạn thường bỏ qua các thẻ khác như , , , , , và . Điều này xảy ra vì thay vào đó, bạn thường tìm đến một .
Sử dụng các phần tử này giúp tăng thêm ý nghĩa (semantic). Một thẻ span được định dạng kiểu dáng không mang lại thông tin gì cho máy móc. Các phần tử này cung cấp dữ liệu cho trình đọc màn hình và các công cụ tìm kiếm.
Dưới đây là những phần tử hữu ích mà bạn nên biết:
• và : Những thẻ này dùng để theo dõi các thay đổi. Sử dụng cho văn bản đã bị xóa và cho văn bản mới. Chúng hoạt động cùng nhau để hiển thị các chỉnh sửa.
• : Sử dụng thẻ này cho nội dung không còn chính xác nữa. Nó khác với việc xóa bỏ. Nó đánh dấu các thông tin đã cũ như một mức giá cũ.
• và : Sử dụng các thẻ này cho các công thức hóa học hoặc số mũ toán học. Đừng chỉ dùng chúng để làm cho văn bản nhỏ đi.
• : Sử dụng thẻ này cho các biến trong toán học hoặc mã nguồn.
• : Thẻ này dùng để làm nổi bật văn bản có liên quan. Các công cụ tìm kiếm sử dụng thẻ này để hiển thị các kết quả khớp với truy vấn.
• : Thẻ này cung cấp phiên bản đầy đủ của một từ viết tắt thông qua một tooltip.
• : Sử dụng thẻ này để đánh dấu trường hợp cụ thể mà bạn định nghĩa một thuật ngữ.
• : Sử dụng thẻ này cho tiêu đề của một tác phẩm như sách hoặc bài báo. Nó không dùng cho tên người.
• : Thẻ này dùng để xử lý các trích dẫn nội dòng. Trình duyệt sẽ tự động thêm dấu ngoặc kép cho bạn.
Các thiết lập mặc định của trình duyệt thường trông khá xấu. trông giống như bút dạ quang màu vàng. có các dấu ngoặc ngẫu nhiên.
Bạn không cần phải tránh các thẻ này. Bạn chỉ cần thêm CSS.
Hãy gán cho một màu sắc thương hiệu. Hãy gán cho một đường gạch chân chấm bi. Điều này biến mã ngữ nghĩa thành kiểu chữ tinh tế.
Sử dụng đúng thẻ một lần mỗi năm vẫn tốt hơn là sử dụng một thẻ span nói dối về bản chất thực sự của nội dung.
Nguồn: https://dev.to/dimonb19a/the-inline-html-almost-nobody-uses-205d