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

Các thuộc tính xác định các đặc điểm hoặc thuộc tính bổ sung của phần tử, chẳng hạn như chiều rộng và chiều cao của hình ảnh. Các thuộc tính luôn được chỉ định trong thẻ bắt đầu (hoặc thẻ mở) và thường bao gồm các cặp tên/giá trị như

3. Các giá trị thuộc tính phải luôn được đặt trong dấu ngoặc kép

Ngoài ra, một số thuộc tính được yêu cầu cho các yếu tố nhất định. Chẳng hạn, thẻ

4 phải chứa thuộc tính

5 và

6. Chúng ta hãy xem một số ví dụ về cách sử dụng thuộc tính

Google
HTML

Trong ví dụ trên,

5 bên trong thẻ

4 là một thuộc tính và đường dẫn hình ảnh được cung cấp là giá trị của nó. Tương tự,

2 bên trong thẻ

3 là một thuộc tính và liên kết được cung cấp là giá trị của nó, v.v.

Mẹo. Cả dấu ngoặc đơn và dấu ngoặc kép đều có thể được sử dụng để trích dẫn các giá trị thuộc tính. Tuy nhiên, dấu ngoặc kép là phổ biến nhất. Trong các tình huống mà bản thân giá trị thuộc tính chứa dấu ngoặc kép, cần phải bọc giá trị trong dấu ngoặc đơn, ví dụ:. g. ,

4

Có một số thuộc tính trong HTML5 không bao gồm các cặp tên/giá trị mà chỉ bao gồm tên. Các thuộc tính như vậy được gọi là thuộc tính Boolean. Ví dụ về một số thuộc tính Boolean thường được sử dụng là

5,

6,

7,

8, v.v.

Bạn sẽ tìm hiểu về tất cả các yếu tố này một cách chi tiết trong các chương sắp tới

Ghi chú. Các giá trị thuộc tính thường không phân biệt chữ hoa chữ thường, ngoại trừ một số giá trị thuộc tính nhất định, chẳng hạn như các thuộc tính

9 và

00. Tuy nhiên, World Wide Web Consortium (W3C) khuyến nghị viết thường cho các giá trị thuộc tính trong thông số kỹ thuật của chúng

---

Thuộc tính mục đích chung

Có một số thuộc tính, chẳng hạn như

9,

02,

00,

04, v.v. mà bạn có thể sử dụng trên phần lớn các phần tử HTML. Phần sau đây mô tả tập quán của họ

Thuộc tính id

Thuộc tính

9 được sử dụng để đặt tên hoặc mã định danh duy nhất cho một thành phần trong tài liệu. Điều này giúp việc chọn phần tử bằng CSS hoặc JavaScript dễ dàng hơn

0

Ghi chú.

9 của một phần tử phải là duy nhất trong một tài liệu. Không có hai phần tử nào trong cùng một tài liệu có thể được đặt tên với cùng một

9 và mỗi phần tử chỉ có thể có một

9

Thuộc tính lớp

Giống như thuộc tính

9, thuộc tính

00 cũng được dùng để xác định các phần tử. Nhưng không giống như

9, thuộc tính

00 không nhất thiết phải là duy nhất trong tài liệu. Điều này có nghĩa là bạn có thể áp dụng cùng một lớp cho nhiều thành phần trong tài liệu, như minh họa trong ví dụ sau

4

Mẹo. Vì một

00 có thể được áp dụng cho nhiều phần tử, do đó, bất kỳ quy tắc kiểu nào được viết cho

00 đó sẽ được áp dụng cho tất cả các phần tử có

00 đó

Thuộc tính tiêu đề

Thuộc tính

02 to được sử dụng để cung cấp văn bản tư vấn về một phần tử hoặc nội dung của phần tử đó. Hãy thử ví dụ sau để hiểu cách thức hoạt động của nó

9

Mẹo. Giá trị của thuộc tính

02 (i. e. văn bản tiêu đề) được trình duyệt web hiển thị dưới dạng chú giải công cụ khi người dùng đặt con trỏ chuột lên phần tử

Thuộc tính phong cách

Thuộc tính

04 cho phép bạn chỉ định các quy tắc tạo kiểu CSS như màu sắc, phông chữ, đường viền, v.v. trực tiếp trong phần tử. Hãy xem một ví dụ để xem nó hoạt động như thế nào

2

Bạn sẽ tìm hiểu thêm về cách tạo kiểu các phần tử HTML trong chương kiểu HTML

Các thuộc tính chúng ta đã thảo luận ở trên còn được gọi là thuộc tính toàn cục. Để biết thêm các thuộc tính toàn cầu, vui lòng xem tham chiếu thuộc tính toàn cầu HTML5

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

Ví dụ về thuộc tính HTML là gì?

Một số thuộc tính CSS là gì?

Giá trị thuộc tính CSS là gì?