search

Học về attribute trong HTML

Ngày đăng: 23/01/2023
Trả lời: 0
Lượt xem: 88

Global attribute là thuộc tính chung cho tất cả các phần tử HTML; chúng có thể được sử dụng trên tất cả các phần tử, mặc dù chúng có thể không ảnh hưởng đến một số phần tử.

Các Global attribute có thể được chỉ định trên tất cả các phần tử HTML, ngay cả những phần tử không được chỉ định trong tiêu chuẩn. Điều đó có nghĩa là bất kỳ phần tử không chuẩn nào vẫn phải cho phép các thuộc tính này, mặc dù việc sử dụng các phần tử đó có nghĩa là tài liệu không còn tuân thủ HTML5 nữa. Ví dụ: các trình duyệt tuân thủ HTML5 ẩn nội dung được đánh dấu là , ngay cả khi không phải là một phần tử HTML hợp lệ.

Các bài viết liên quan:

  • Content-Section element trong html
  • X10 content
  • Tự học HTML: text
  • Câu hỏi và câu trả lời phỏng vấn HTML hàng đầu
  • 11 thách thức lớn về SEO mà bạn sẽ phải đối mặt trong sự nghiệp

Ngoài các Global attribute HTML cơ bản, các Global attribute sau cũng tồn tại:

xml: lang và xml: base – chúng được kế thừa từ các đặc tả XHTML và không được dùng nữa, nhưng được giữ lại cho các mục đích tương thích.

Nhiều  aria-*, được sử dụng để cải thiện khả năng tiếp cận.

Danh sách các Global attribute

  1. accesskey

Cung cấp gợi ý để tạo phím tắt cho phần tử hiện tại. Thuộc tính này bao gồm một danh sách các ký tự được phân tách bằng dấu cách. Trình duyệt nên sử dụng trình duyệt đầu tiên tồn tại trên bố cục bàn phím máy tính.

  1. autocapitalize

Kiểm soát việc nhập liệu văn bản có tự động được viết hoa khi người dùng nhập / chỉnh sửa hay không. Nó có thể có các giá trị sau:

  • tắt hoặc không, không viết hoa tự động được áp dụng (tất cả các chữ cái được mặc định thành chữ thường)
  • trên hoặc các câu, chữ cái đầu tiên của mỗi câu mặc định là chữ hoa; tất cả các chữ cái khác mặc định thành chữ thường
  • các từ, chữ cái đầu tiên của mỗi từ được mặc định là chữ hoa; tất cả các chữ cái khác mặc định thành chữ thường
  • ký tự, tất cả các chữ cái phải mặc định thành chữ hoa
  1. autofocus

Cho biết rằng một phần tử sẽ được tập trung khi tải trang hoặc ngay khi

nó là một phần được hiển thị. Thuộc tính này là một boolean, ban đầu là false.

  1. class

Danh sách các lớp của phần tử được phân tách bằng dấu cách. Các lớp cho phép CSS và JavaScript chọn và truy cập các phần tử cụ thể thông qua bộ chọn lớp hoặc các hàm như phương thức Document.getElementsByClassName ().

  1. contenteditable

Thuộc tính liệt kê cho biết liệu người dùng có thể chỉnh sửa phần tử hay không. Nếu vậy, trình duyệt sẽ sửa đổi tiện ích con của nó để cho phép chỉnh sửa. Thuộc tính phải nhận một trong các giá trị sau:

  • true hoặc chuỗi trống, cho biết rằng phần tử phải có thể chỉnh sửa được;
  • false, cho biết rằng phần tử không được chỉnh sửa.
  1. contextmenu

Id của

để sử dụng làm menu ngữ cảnh cho phần tử này.

  1. data-*

Tạo thành một lớp thuộc tính, được gọi là thuộc tính dữ liệu tùy chỉnh, cho phép thông tin độc quyền được trao đổi giữa HTML và biểu diễn DOM của nó có thể được sử dụng bởi các tập lệnh. Tất cả dữ liệu tùy chỉnh như vậy đều có sẵn thông qua giao diện HTMLElement của phần tử mà thuộc tính được thiết lập. Thuộc tính HTMLElement. Dataset cấp quyền truy cập vào chúng.

  1. dir

Thuộc tính liệt kê cho biết hướng của văn bản phần tử. Nó có thể có các giá trị sau:

ltr, có nghĩa là từ trái sang phải và được sử dụng cho các ngôn ngữ được viết từ trái sang phải (như tiếng Anh);

  • rtl, có nghĩa là từ phải sang trái và được sử dụng cho các ngôn ngữ được viết từ phải sang trái (như tiếng Ả Rập);
  • Ltr có nghĩa trái sang phải
  • auto, cho phép tác nhân người dùng quyết định. Nó sử dụng một thuật toán cơ bản vì nó phân tích cú pháp các ký tự bên trong phần tử cho đến khi nó tìm thấy một ký tự có hướng mạnh, sau đó nó áp dụng hướng đó cho toàn bộ phần tử.
  1. draggable

Thuộc tính liệt kê cho biết liệu phần tử có thể được kéo hay không, bằng cách sử dụng API Kéo và Thả. Nó có thể có các giá trị sau:

  • true, cho biết rằng phần tử có thể được kéo
  • false, cho biết rằng phần tử có thể không được kéo.
  1. enterkeyhint

Gợi ý nhãn hành động (hoặc biểu tượng) cần hiển thị cho phím enter trên bàn phím ảo.

  1. exportparts

Được sử dụng để xuất các phần bóng tối từ một cây bóng tối lồng nhau thành một cây ánh sáng có chứa.

  1. hidden

Thuộc tính Boolean cho biết rằng phần tử chưa hoặc không còn liên quan. Ví dụ: nó có thể được sử dụng để ẩn các phần tử của trang không thể sử dụng cho đến khi quá trình đăng nhập hoàn tất. Trình duyệt sẽ không hiển thị các phần tử như vậy. Thuộc tính này không được sử dụng để ẩn nội dung có thể được hiển thị một cách hợp pháp.

  1. id

Xác định một số nhận dạng duy nhất (ID) phải là duy nhất trong toàn bộ tài liệu. tôi

Mục đích của ts là xác định phần tử khi liên kết (sử dụng mã nhận dạng phân đoạn), tập lệnh hoặc tạo kiểu (với CSS).

  1. inputmode

Cung cấp gợi ý cho các trình duyệt về loại cấu hình bàn phím ảo để sử dụng khi chỉnh sửa phần tử này hoặc nội dung của nó. Được sử dụng chủ yếu trên các phần tử , nhưng có thể sử dụng trên bất kỳ phần tử nào khi ở chế độ có thể nội dung.

  1. is

Cho phép bạn chỉ định rằng một phần tử HTML tiêu chuẩn phải hoạt động giống như một phần tử tích hợp tùy chỉnh đã đăng ký (xem Sử dụng phần tử tùy chỉnh để biết thêm chi tiết).

Lưu ý: Thuộc tính item * là một phần của tính năng Vi dữ liệu HTML GÌ.

  1. itemid

Giá trị nhận dạng toàn cầu, duy nhất của một mặt hàng.

  1. itemprop

Được sử dụng để thêm thuộc tính vào một mục. Mọi phần tử HTML có thể có một thuộc tính itemprop được chỉ định, trong đó một vòng lặp bao gồm một cặp tên và giá trị.

  1. itemref

Các thuộc tính không phải là con của một phần tử có thuộc tính itemscope có thể được liên kết với mục bằng itemref. Nó cung cấp một danh sách các id phần tử (không phải itemid) với các thuộc tính bổ sung ở những nơi khác trong tài liệu.

  1. itemscope

itemscope (thường) hoạt động cùng với itemtype để chỉ định rằng HTML chứa trong một khối là về một mục cụ thể. itemscope tạo Item và xác định phạm vi của itemtype được liên kết với nó. itemtype là một URL hợp lệ của một từ vựng (chẳng hạn như schema.org) mô tả mục và ngữ cảnh thuộc tính của nó.

  1. itemtype

Chỉ định URL của từ vựng sẽ được sử dụng để xác định các vòng lặp (thuộc tính mục) trong cấu trúc dữ liệu. itemscope được sử dụng để đặt phạm vi nơi trong cấu trúc dữ liệu mà từ vựng được đặt theo loại item sẽ hoạt động.

  1. lang

Giúp xác định ngôn ngữ của một phần tử: ngôn ngữ chứa các phần tử không thể chỉnh sửa hoặc ngôn ngữ mà các phần tử có thể chỉnh sửa được người dùng viết. Thuộc tính này chứa một “thẻ ngôn ngữ” (được tạo bằng “thẻ phụ ngôn ngữ” được phân tách bằng dấu gạch ngang) ở định dạng được xác định trong Thẻ để nhận dạng ngôn ngữ (BCP47). xml: lang có quyền ưu tiên hơn nó.

  1. nonce

Một nonce cryptographic (“số được sử dụng một lần”) có thể được Chính sách bảo mật nội dung sử dụng để xác định xem liệu một lần tìm nạp nhất định có được phép tiếp tục hay không.

  1. part

Danh sách các tên bộ phận của phần tử được phân tách bằng dấu cách. Tên phần cho phép CSS chọn và tạo kiểu cho các phần tử cụ thể trong cây bóng thông qua phần tử giả :: part.

  1. slot

Gán vị trí trong cây DOM bóng cho một phần tử: Một phần tử có thuộc tính vị trí được gán cho vị trí được tạo bởi phần tử có giá trị của thuộc tính name khớp với giá trị của thuộc tính vị trí đó.

  1. spellcheck

Thuộc tính liệt kê xác định liệu phần tử có thể được kiểm tra lỗi chính tả hay không. Nó có thể có các giá trị sau:

true, cho biết rằng phần tử phải được kiểm tra lỗi chính tả, nếu có thể;

false, cho biết rằng phần tử không nên được kiểm tra lỗi chính tả.

  1. style

Chứa các khai báo kiểu CSS sẽ được áp dụng cho phần tử. Lưu ý rằng bạn nên xác định các kiểu trong một tệp hoặc các tệp riêng biệt. Thuộc tính này và phần tử