Trang chủ » Mã hóa » 5 yếu tố HTML bạn có thể không biết cách sử dụng

    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