[Bài 4] Thuộc tính trong HTML5

Ở bài này, mình sẽ giới thiệu với các bạn nội dung mới, đó chính là thuộc tính trong HTML5 của thẻ, đây là nội dung quan trọng trong HTML5

Trước khi chúng ta học về liên kết thì có một nội dung quan trọng không thể bỏ qua, đó chính là thuộc tính, bài này mình sẽ giải thích cho các bạn biết thuộc tính là gì, công dụng của thuộc tính và cách sử dụng thuộc tính nhé!

Thuộc tính trong HTML5 là gì?

Thuộc tính (trong tiếng Anh là attribute) là thứ dùng để bổ sung hoặc đi kèm theo một số thẻ nhất định. Ví dụ, đối với thẻ <a>, thẻ <img> hay thẻ <link> sẽ cần phải khai báo thuộc tính thì mới có thể sử dụng, trong khi đó, một số thẻ không cần thuộc tính đi kèm như các thẻ mình đã giới thiệu ở bài trước: <p>, <h1>,…

Ví dụ: thuộc tính trong HTML5 bắt buộc của thẻ <img> đó chính là “src”, thuộc tính này bạn bắt buộc phải khai báo, nếu không khai báo thì sẽ không thể sử dụng thẻ <img>, còn khai báo như thế nào thì bài sau bạn sẽ rõ!

Ví dụ khi thẻ <img> không khai báo thuộc tính “src” thì nó sẽ không hiện thứ gì cả. Còn nếu khi thẻ <img> có khai báo thuộc tính “src” đúng cú pháp, liên kết đến đúng hình ảnh thì kết quả như bên dưới:

<img src="https://i1.wp.com/tienminhvy.com/wp-content/uploads/2020/07/Logo_landscape-sm.png">

Thuộc tính trong HTML5 của thẻ img

Công dụng của thuộc tính trong HTML5

Như mình đã nói ở trên, thuộc tính trong HTML5 có công dụng dùng để bổ sung nội dung thêm cho thẻ hoặc là thứ bắt buộc đi kèm với thẻ đó. Do đó, có thể nói thuộc tính có vai trò quan trọng tất yếu trong 1 tài liệu chuẩn HTML5.

Ngoài ra, khi bạn học đến CSS hay Javascript, thuộc tính còn là thứ để giúp CSS và Javascript giao tiếp và chỉnh sửa trên tài liệu HTML5, ví dụ như trong CSS và Javascript, hai thuộc tính cần thiết để giúp thêm hiệu ứng và trang trí cho từng phần tử là class và id, hai thứ này chúng ta sẽ tìm hiểu ở trong 1 bài riêng.

Chú ý rằng bạn không cần phải khai báo thuộc tính cho từng thẻ bạn viết, bạn chỉ cần khai báo thuộc tính bắt buộc ở một số thẻ ở phần trên thôi.

Làm sao có thể ghi nhớ các thuộc tính trong HTML5?

Do một số thẻ có các thuộc tính bắt buộc phải khai báo, do đó, trong các bài viết sau, mình sẽ kèm cách ghi nhớ các thuộc tính bắt buộc giúp bạn có thể ghi nhớ sâu hơn và tốt hơn, đồng thời, bạn cũng phải liên tục rèn luyện ghi nhớ chúng bằng cách thực hành nhiều hơn.

Bạn càng thực hành nhiều thì bạn sẽ in sâu vào trong trí nhớ, đến khi cần thì chúng ta lấy từ trí nhớ ra thôi.

Đồng thời, với số lượng thuộc tính khổng lồ được thêm vào HTML5, bạn không thể nào ghi nhớ trong ngày 1 ngày 2 được, mà cần phải có sự rèn luyện liên tục. Bên cạnh đó, bạn có thể lên website của mình để tìm kiếm thuộc tính của từng thẻ, không cần thiết phải ghi nhớ toàn bộ đâu!

Tóm lại

Qua bài viết này, mình đã giới thiệu với các bạn thuộc tính là gì và tại sao nó lại quan trọng rồi đó, trong bài tiếp theo, chúng ta sẽ vận dụng thuộc tính vào thẻ liên kết, một thẻ rất thường dùng trong HTML5. Các bạn nhấn vào đây để đến bài 5:  [BÀI 5] Liên kết trong HTML5