5 yếu tố HTML bạn có thể không biết cách sử dụng
Quen thuộc nhưng chưa biết, hoặc hoàn toàn mới, nó xảy ra rằng chúng ta bỏ lỡ các phần của cú pháp HTML đó có thể là kiến thức quan trọng chúng ta có thể sử dụng tốt. Đó là lý do tại sao cho dù đó là các tính năng mới của HTML hoặc là ứng dụng ít được biết đến của nó chưa đi vào radar của bạn, chúng tôi thường xuyên đưa tin về chúng trên trang này.
Trong bài viết hôm nay, chúng tôi sẽ xem xét năm yếu tố HTML, một số yếu tố bạn có thể thường xuyên sử dụng, nhưng có lẽ không có tiềm năng đầy đủ của nó.
1.
Các thành phần có chức năng tương tự như
dữ liệu-*
thuộc tính. Nó có thể được sử dụng để cung cấp dữ liệu dễ đọc bằng máy cho một nội dung thân thiện với người dùng. Các giá trị
thuộc tính của phần tử này mang thông tin bổ sung.
Ba tập của tiểu thuyết Chúa tể của những chiếc nhẫn là: Hiệp hội nhẫn, Hai cái tháp, và Sự trở lại của nhà vua.
ISBN của những cuốn sách được đề cập trong trang này:
Trong HTML trên, Mã số của mỗi cuốn sách là được thêm vào giá trị
thuộc tính của thành phần kèm theo tên sách. Trên thị trường sách, ISBN được sử dụng để nhận dạng duy nhất một cuốn sách.
const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelector ALL ('data'); const ary = []; dataElements.forEach ((dataEuity) => ary.push (dataEuity.textContent + ':' + dataEuity.value)) ISBNListBlank.textContent = ary.join (',')
Để đại khái chỉ cho bạn cách giải nén các giá trị trong JavaScript, tập lệnh trên trích xuất các mã số từ
nhãn và hiển thị chúng, cùng với tên sách, tại một nơi được chỉ định trong trang.
2.
Rất có thể bạn đã quen thuộc với yếu tố, tuy nhiên đó là không chỉ cho các hộp kiểm. Nó có thể kiểm soát khác phòng thí nghiệm yếu tố đồng thời, thực hiện hành động của họ giống như nó thực hiện hành động của các hộp kiểm.
Bạn chỉ phải sử dụng cùng một giá trị cho ID
thuộc tính của phần tử HTML mà bạn muốn kiểm soát và cho
thuộc tính của thuộc nhãn.
Nhấp vào văn bản của sẽ kích hoạt
nhấp chuột
Sự kiện và hiển thị thông báo cảnh báo đã cho.
3.
Yếu tố này là chủ yếu được sử dụng cho các ngôn ngữ Đông Á, tuy nhiên đây không phải là”t trường hợp sử dụng duy nhất của nó. Mục đích của chỉ đơn giản là để thêm chú thích hoặc phát âm cho văn bản, và bạn cũng có thể làm điều đó với nội dung tiếng Anh.
Phần tử bao gồm hai yếu tố phụ chính, cụ thể là
và . Các
Thẻ giữ văn bản bạn muốn chú thích (được gọi là căn cứ văn bản) và giữ chú thích.
Một người thành lập một doanh nghiệp hoặc doanh nghiệp, chấp nhận rủi ro tài chính với hy vọng lợi nhuận, được gọi là
doanh nhân ; một nhà quảng bá trong ngành công nghiệp giải trí.
Cách phát âm của “doanh nhân” từ được thêm vào sử dụng yếu tố bên trong đoạn văn. Từ này được bao bọc trong
thẻ và cách phát âm trong .
Đây là cách đầu ra trông như thế nào:
4.
Các
yếu tố cho danh sách theo thứ tự là một yếu tố khác mà bạn có thể quen thuộc. Nó tạo ra một danh sách có các yếu tố được đánh số, trái ngược với một danh sách không có thứ tự được tạo bằng
.
Bạn có thể đã biết về việc đặt hàng, nhưng bạn có biết rằng thứ tự có thể được đảo ngược? Thay vì một thứ tự tăng dần, đánh số giảm dần cũng có thể được thực hiện bởi
, sử dụng đảo ngược
thuộc tính.
- Scrabble
- Mạt chược
- Sự độc quyền
- Cờ vua
- Jenga
Các đảo ngược
thuộc tính đảo ngược việc đánh số, trong khi kiểu
thuộc tính xác định kiểu đánh số. Thủ đô tôi biểu thị số La Mã vốn.
Đây là giao diện trên màn hình:
5.
Các yếu tố có nghĩa là bọc một thuật ngữ được xác định bởi văn bản xung quanh của nó. Văn bản kèm theo
thẻ là theo kiểu trình duyệt với chữ nghiêng, có nghĩa đây là thuật ngữ được định nghĩa.
Bạn có thể thêm định nghĩa của thuật ngữ bên trong trong giá trị của nó
chức vụ
thuộc tính, rất hữu ích cho định nghĩa các từ không nhất thiết phải được xác định bởi văn bản xung quanh.
Các thành phần hoạt động tương tự như
trong đó hiển thị ý nghĩa của một từ viết tắt được đưa ra trong nó
chức vụ
thuộc tính khi người dùng di chuyển qua phần tử.
Có một phân đôi giữa thiết kế và nguyên mẫu.
Đây là nó kiểu trình duyệt mặc định, tuy nhiên trên trang web sản xuất, bạn có thể muốn sử dụng một kiểu khác:
Đưa con trỏ qua từ đã xác định, trang sẽ hiển thị định nghĩa được thêm vào trong chức vụ
thuộc tính.