Hiện tại có một tổng số 142 phần tử HTML được chuẩn hóa bởi W3C, loại trừ những cái trong giai đoạn đầu của quá trình tiêu chuẩn hóa và những cái đã lỗi thời. Điều đó nói rằng, có thể bỏ sót hoặc quên một vài trong số chúng có thể hữu ích khi cần thiết.
Trước đó, chúng tôi đã giới thiệu sơ lược về một số thủ thuật CSS hay nhất mà bạn có thể đã bỏ qua. Bài đăng này sẽ nhắc nhở bạn một số thẻ HTML mà bạn không biết rằng bạn có thể sử dụng để triển khai các tính năng như:
15 hiệu ứng chữ đẹp được tạo bằng CSS
Văn bản hoặc kiểu chữ đẹp sẽ làm cho thiết kế của bạn trông hấp dẫn. Trong thiết kế web, CSS giúp cung cấp phong cách … Đọc thêm
1. Bản đồ Hình ảnh
HTML <map> các yếu tố có thể được sử dụng để tạo bản đồ hình ảnh. Bản đồ hình ảnh về cơ bản là những hình ảnh có các vùng có thể nhấp trên chúng, có thể được siêu liên kết đến một trang web khác hoặc các phần khác của cùng một tài liệu. Bạn có thể xác định khu vực nào của hình ảnh có thể nhấp được bằng cách chỉ cần đề cập đến tọa độ XY tương ứng của những điểm đó trong <area> các yếu tố lồng nhau bên trong <map>.
Ghi chú: Các khu vực có thể nhấp không thể được tạo kiểu thông qua CSS, vì vậy, nếu bạn muốn các điểm đánh dấu đó được tạo kiểu, hãy sử dụng một phần mềm chỉnh sửa hình ảnh đơn giản để vẽ các điểm đánh dấu.
Tiền boa: Nếu bạn muốn biết tọa độ của một điểm trong ảnh, hãy mở ảnh trong phần mềm chỉnh sửa ảnh và di chuyển con trỏ đến điểm đó, bạn sẽ có thể xem tọa độ của điểm đó trong chính phần mềm. Đối với GIMP, nó được hiển thị ở bên trái của thanh dưới cùng.
2. Đề xuất đầu vào
Sử dụng <datalist> để cung cấp danh sách các đề xuất có liên quan xuất hiện trong khi nhập giá trị đầu vào.
3. Đánh dấu văn bản
Văn bản được đánh dấu thường có màu văn bản tối với nền sáng. Bạn có thể đạt được hiệu ứng văn bản được đánh dấu đó chỉ với đánh dấu. Bất kỳ văn bản nào kèm theo bên trong <mark> sẽ có tác dụng đó.
Bạn có thể tùy chỉnh màu nổi bật với background-color Thuộc tính CSS của <mark> và văn bản màu với color bất động sản.
4. Xác định Mẫu
Cùng với HTML5, cái mới <template> thành phần. Các <template> phần tử giữ đánh dấu bên trong nó mà không được trình duyệt hiển thị, đánh dấu kèm theo nó sẽ được sử dụng để tạo nội dung động trong trang sử dụng JavaScript.
Ví dụ: giả sử bạn có <table> nơi các hàng sẽ được thêm động, bạn có thể chỉ cần đặt đánh dấu của một hàng trống của bảng đó bên trong <template> và khi cần thiết, hãy gọi một hàm JavaScript có chứa tập lệnh để sao chép đánh dấu từ bên trong các thẻ mẫu và thêm nó vào đánh dấu bảng. Điều này không được hỗ trợ bởi IE.
5. Bản in đẹp
Bản in đẹp đề cập đến văn bản của tài liệu thường được in ở kích thước rất nhỏ chứa thông tin như điều kiện, điều khoản, hạn chế, trích dẫn, quyền hợp pháp, v.v. <small> thẻ trong HTML có thể được sử dụng để hiển thị các bản in đẹp. Từ HTML5 trở đi, <small> thẻ không chỉ hiển thị văn bản theo kiểu chữ in đẹp mà còn sẽ xác định ngữ nghĩa giống như tuyên bố từ chối trách nhiệm pháp lý và cảnh báo.
6. Chỉ định một URL cơ sở
Các <base>Phần tử HTML khá tiện dụng khi bạn có nhiều liên kết trong tài liệu của mình với các URL miền giống nhau, nó cho phép bạn thêm URL cơ sở vào tài liệu, từ đó cho phép bạn chỉ thêm các URL tương đối vào các liên kết khác trong trang khi cần thiết.
Ghi chú: Tất cả các URL tương đối trong trang sẽ được tham chiếu dựa trên URL cơ sở, nếu bạn có bất kỳ liên kết nào với một miền khác, đừng quên gán URL hoàn chỉnh cho nó.
7. Hình ảnh đáp ứng
Phát triển web đáp ứng đang thịnh hành với việc truy cập trên thiết bị di động ngày càng tăng. Hình ảnh có thể được chuyển đổi cho các kích thước màn hình khác nhau với đánh dấu. Các <picture> Phần tử HTML5 cho phép bạn thêm các nguồn hình ảnh khác nhau cho các phương tiện khác nhau cho hình ảnh bên trong nó.
Ghi chú: Tính năng này hiện chỉ hoạt động trong Chrome. Bạn sẽ phải thiết lập dom.image.picture.enable đến true trong about:config trong Firefox.
8. Bộ chọn màu
HTML5 giới thiệu nhiều phần tử kiểu đầu vào mới; yếu tố đầu vào màu sắc là một trong số chúng. Nó cho phép bạn chọn màu trên trang web với sự trợ giúp của công cụ chọn màu.
9. Tùy chọn nhóm
Nếu bạn có nhiều tùy chọn trong danh sách thả xuống và muốn hiển thị chúng được nhóm lại, <optgroup> phần tử sẽ hoàn thành công việc. Bạn cũng có thể tạo kiểu cho các nhóm bằng CSS.
10. Cái <noscript> thành phần
Đánh dấu bên trong <noscript> được trình duyệt hiển thị chỉ khi tập lệnh bị tắt. Thẻ này hữu ích để cho người dùng biết khi nào tập lệnh bị tắt trong trình duyệt của họ và cung cấp bất kỳ cơ chế dự phòng thay thế nào cho các thành phần trên trang web sẽ ngừng hoạt động nếu không có JavaScript.
<head> <noscript><link rel="stylesheet" href="https://www.hongkiat.com/blog/cool-useful-html-tags/noscript_fallback.css"></noscript> </head> <body> <noscript><h2>Javascript is disabled in your browser.</h2></noscript> </body>
Bây giờ hãy đọc: 15 thủ thuật CSS hữu ích mà bạn có thể đã bỏ qua
from Blog Hồng https://www.bloghong.com/2021/05/10-dieu-thu-vi-ma-the-html-co-the-lam.html
Nhận xét
Đăng nhận xét