Thuộc tính của thẻ html

Có 1 điều mà chúng ta cần lưu ý trong bài này đó là các thẻ trong tài liệu HTMl thì được sinh ra và định nghĩa với một mục đính nhất định, ví dụ như thẻ <h1 >.. </h1 > mục đính để xác đinh tiêu đề của 1 văn bản và nhiều thẻ khác nữa, mỗi thẻ đều có ý nghĩa riêng.

Thuộc Tính

Thuộc tính sinh ra là để cung cấp thông tin bổ sung cho thẻ HTMl, với nhiệm vụ là bổ sung cho thẻ HTMl , chúng ta thường hay xem nhẹ vai trò của thuộc tính , nhưng trong thực tế nó lại là thành phần rất quan trọng của mỗi thẻ, có những thẻ mà bắt buộc phải có những thuộc tính đi cùng, không có thuộc tính đi cùng thì thẻ đó không thể nào hoạt động đúng được. Vậy thuộc tính là rất quan trọng nhé các bạn.

Sau đây chúng ta sẽ tìm hiểu những khái niệm quan trọng nhất thuộc về thuộc tính sau đó chúng ta hãy cùng nhìn qua 1 vài ví dụ để hiểu về cách thuộc tính hoạt động.

Tất cả các thẻ HTML đều có thể có thuộc tính điều này có ý nghĩa là thẻ nào chúng ta cũng có thể đặt được thuộc tính vào , tùy theo mục đính và ý nghĩa của thuộc tính đó. Và có những thẻ thì không cần thuộc tính miêu tả thêm.

Các thuộc tính thì luôn nằm trong thẻ mở Không ai để thuộc tính trong thẻ đóng cả nó ko có ý nghĩa ví dụ : ta có thẻ h1 <h1 >... </h1 > thì <h1 > đây là thẻ mở ,và đây là thẻ đóng </h1 > nội dung của thẻ h1 này là dấu "..." .

Thuộc tính thì luôn đi theo cặp name="value" trong đó name là tên của thuộc tính và value là giá trị của thuộc tính. Ví dụ title = "Đây là thuộc tính title". Tên thuộc tính là title và nội dung của thuộc tính là Đây là thuộc tính title. Rất đơn giản phải không các bạn.

Ví dụ

thẻ html

Trong ví trên phần code chúng ta viết thì thẻ a là thẻ liên kết thẻ này dẫn chúng ta đến 1 nơi khác, có 2 thuộc tính là hreftitle nội dung của thẻ a là "Click here" còn nội dung của thuộc tính href là "https://xyzabc.xyz" nội dung của thuộc tính title là "Trang chủ" . Khi chạy trên trình duyệt khi di chuột vào nội dung của thẻ a lúc này thuộc tính title hoạt động hiện thị lên cho chúng ta thấy nội dung của nó. Trong ví dụ này chúng ta kết luận được như sau : Đối với thẻ a thì thuộc tính href bắt buộc phải có thuộc tính title có cũng được không có cũng không sao, có thì nó miêu tả thêm cho thẻ a còn không có thì cũng không sao cả. Thuộc tính thì luôn nằm trong thẻ mở.

Lưu ý

Trong thực tế khi thực hành viết code chúng ta thường hay bỏ qua những thuộc tính không mấy quan trọng mà chỉ tập trung vào những thuộc tính bắt buộc phải có để cho thẻ đó hoạt động đúng, điều này cũng dễ hiểu. Nhưng khi đã làm thành 1 sản phẩm hoàn chỉnh rồi thì ý nghĩa và vai trò của các thuộc tính này lại rất quan trọng trong việc đưa bài viết hay nội dung của bạn lên top tìm kiếm của các công cụ tìm kiếm. Hay dùng từ chuyên ngành là chuẩn SEO. Vì thế hãy nắm chắc các khái niệm vai trò và ý nghĩa của các thuộc tính trong mỗi thẻ HTML nhé. Chúc các bạn thành công.

Tag: HTML