10 điều thú vị Thẻ HTML có thể làm
Hiện tại có một tổng cộng 142 phần tử HTML được tiêu chuẩn hóa bởi W3C, ngoại trừ những giai đoạn ban đầu của tiêu chuẩn hóa và những giai đoạn đã lỗi thời. Điều đó nói rằng, có thể bỏ lỡ 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 đã làm một bản tóm tắt về một số thủ thuật CSS tốt nhất mà bạn có thể đã bỏ qua. Bài đăng này sẽ nhắc bạn một số thẻ HTML mà bạn không biết bạn có thể sử dụng để triển khai các tính năng như:
1. Bản đồ hình ảnh
HTML 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à hình ảnh với các khu vực có thể nhấp vào 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 bằng cách chỉ cần đề cập đến tọa độ X Y tương ứng của các điểm đó trong
các yếu tố lồng nhau bên trong
.
Chú thí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 tạo các điểm đánh dấ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ể thấy tọa độ của nó trong chính phần mềm. Đối với GIMP, nó được hiển thị ở phía bên trái của thanh dưới cùng.
2. Gợi ý đầu vào
Sử dụng để 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 nổi bật 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 nổi bật đó chỉ với đánh dấu. Bất kỳ văn bản kèm theo bên trong sẽ có tác dụng đó.
Bạn có thể tùy chỉnh màu nổi bật với màu nền
Thuộc tính CSS của và văn bản màu với
màu
bất động sản.
4. Xác định mẫu
Cùng với HTML5 là sự mới mẻ thành phần. Các
phần tử giữ đánh dấu bên trong nó không được trình duyệt hiển thị, phần đánh dấu được bao quanh bởi 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ó một 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 pháp lý, v.v. Các Chú thích: Tất cả các URL tương đối trong trang sẽ được giới thiệ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 tên miền khác, đừng quên gán URL hoàn chỉnh cho nó. Phát triển web đáp ứng đang thịnh hành với truy cập 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 Chú thích: Điều này hiện chỉ hoạt động trong Chrome. Bạn sẽ phải thiết lập HTML5 đã giới thiệu nhiều yếu tố kiểu đầu vào mới; yếu tố đầu vào màu sắc là một trong số đó. Nó cho phép bạn chọn một màu trên trang web với sự trợ giúp của bộ chọn màu. 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, Đánh dấu bên trong trong đó các hàng đượ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 đó vào bên trong
và khi cần, hãy gọi một hàm JavaScript 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 IE hỗ trợ.
5. In đẹp
thẻ trong HTML có thể được sử dụng để hiển thị các bản in đẹp. Từ HTML5 trở đi
Thẻ không chỉ hiển thị văn bản được in đẹp mà còn xác định về mặt ngữ nghĩa giống như từ chối trách nhiệm pháp lý và cảnh báo.
6. Chỉ định URL cơ sở
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ùng một URL tên miền, nó cho phép bạn thêm một 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 nếu cần.7. Hình ảnh phản hồi
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ó.
dom.image.picture.enable
đến thật
trong về: cấu hình
trong Firefox.8. Bộ chọn màu
9. Tùy chọn nhóm
yếu 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.
thành phần
chỉ được trình duyệt hiển thị khi tập lệnh bị tắt. Thẻ này hữu ích để cho người dùng biết khi 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 các trang web sẽ ngừng hoạt động mà không có JavaScript.
Đọc ngay: 15 thủ thuật CSS hữu ích mà bạn có thể đã bỏ qua