Html 5 phần tử và thuộc tính

accesskey = danh sách nhãn khóa CHANGEDA nhãn khóa hoặc danh sách các nhãn khóa để liên kết thành phần; . class = tokensTên của một phân loại hoặc danh sách tên của các phân loại mà phần tử thuộc về. contenteditable = "true" hoặc "false" hoặc "" [chuỗi trống] hoặc trống NEWSChỉ định xem nội dung của phần tử có thể chỉnh sửa được hay không. = IDREF NEWXác định một menu để liên kết phần tử dưới dạng. dir = "ltr" hoặc "rtl"Chỉ định hướng văn bản của phần tử. draggable = "true" or "false" TIN TỨCChỉ định xem phần tử có thể kéo được hay không. hidden = "hidden" hoặc "" [chuỗi trống] hoặc trống NEWSChỉ định rằng phần tử đại diện cho một phần tử chưa hoặc không còn liên quan. id = Mã định danh duy nhất IDA cho phần tử. Không được có nhiều phần tử trong một tài liệu có cùng giá trị id. lang = thẻ ngôn ngữChỉ định ngôn ngữ chính cho nội dung của phần tử và cho bất kỳ thuộc tính nào của phần tử có chứa văn bản. kiểm tra chính tả = "true" hoặc "false" hoặc "" [chuỗi trống] hoặc trống NEWSChỉ định xem phần tử có đại diện cho một phần tử có nội dung có thể kiểm tra chính tả và kiểm tra ngữ pháp hay không. style = stringChỉ định không hoặc nhiều khai báo CSS áp dụng cho phần tử [CSS]. tabindex = số nguyênXác định xem phần tử có đại diện cho một phần tử có thể đặt tiêu điểm hay không [nghĩa là một phần tử nằm trong chuỗi các phần tử có thể đặt tiêu điểm trong tài liệu] và thứ tự tương đối của phần tử trong chuỗi các phần tử có thể đặt tiêu điểm trong tài liệu. tiêu đề = dữ liệu ký tự thông thườngThông tin tư vấn được liên kết với phần tử

Các phần tử, thuộc tính và giá trị thuộc tính trong HTML được xác định [theo đặc điểm kỹ thuật này] để có ý nghĩa nhất định [ngữ nghĩa]. Ví dụ: phần tử


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

1 đại diện cho danh sách có thứ tự và thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

2 đại diện cho ngôn ngữ của nội dung

Tác giả không được sử dụng các phần tử, thuộc tính hoặc giá trị thuộc tính cho các mục đích khác ngoài mục đích ngữ nghĩa dự kiến ​​phù hợp của họ. Tác giả không được sử dụng các phần tử, thuộc tính hoặc giá trị thuộc tính không được phép theo thông số kỹ thuật này hoặc các thông số kỹ thuật hiện hành khác

Ví dụ: tài liệu sau đây không phù hợp, mặc dù đúng về mặt cú pháp


   Demonstration  
 
  
     My favourite animal is the cat.  
   
    
     —Ernest,
     in an essay from 1992
    
   
  
 

bởi vì dữ liệu được đặt trong các ô rõ ràng không phải là dữ liệu dạng bảng [và yếu tố


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

3 được sử dụng sai]. Một phiên bản sửa chữa của tài liệu này có thể là


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

Đoạn tài liệu tiếp theo này, nhằm thể hiện tiêu đề của một trang web công ty, tương tự là không phù hợp vì dòng thứ hai không nhằm mục đích trở thành tiêu đề của tiểu mục, mà chỉ là tiêu đề phụ hoặc tiêu đề phụ [tiêu đề phụ cho cùng một mục]

 ABC Company
 

Leading the way in widget design since 1432

...

Phần tử


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

4 dành cho các loại tình huống này

 
  ABC Company
  

Leading the way in widget design since 1432

...

Trong ví dụ tiếp theo, có một giá trị thuộc tính không phù hợp ["thảm"] và một thuộc tính không phù hợp ["kết cấu"], không được thông số kỹ thuật này cho phép

________số 8

Đây sẽ là một cách thay thế và chính xác để đánh dấu điều này

________số 8

Thông qua tập lệnh và sử dụng các cơ chế khác, các giá trị của thuộc tính, văn bản và thực tế là toàn bộ cấu trúc của tài liệu có thể thay đổi linh hoạt trong khi tác nhân người dùng đang xử lý nó. Ngữ nghĩa của một tài liệu tại một thời điểm là những ngữ nghĩa được biểu thị bằng trạng thái của tài liệu tại thời điểm đó và do đó, ngữ nghĩa của một tài liệu có thể thay đổi theo thời gian. Tác nhân người dùng phải cập nhật cách trình bày tài liệu của họ khi điều này xảy ra

HTML có phần tử


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

5 mô tả thanh tiến trình. Nếu thuộc tính "giá trị" của nó được cập nhật động bởi một tập lệnh, thì UA sẽ cập nhật kết xuất để hiển thị tiến trình thay đổi

3. 2. 2 phần tử trong DOM

Các nút đại diện cho các phần tử HTML trong DOM phải triển khai và hiển thị các tập lệnh, các giao diện được liệt kê cho chúng trong các phần có liên quan của thông số kỹ thuật này. Điều này bao gồm các phần tử HTML trong tài liệu XML, ngay cả khi những tài liệu đó ở trong ngữ cảnh khác [e. g. bên trong biến đổi XSLT]

Các phần tử trong DOM đại diện cho mọi thứ;

Ví dụ: một phần tử


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

1 đại diện cho một danh sách có thứ tự

Giao diện cơ bản, từ đó tất cả các giao diện của phần tử HTML kế thừa và phải được sử dụng bởi các phần tử không có yêu cầu bổ sung, là giao diện


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

7


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

3

Giao diện


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

7 chứa các phương thức và thuộc tính liên quan đến một số tính năng khác nhau và do đó, các thành viên của giao diện này được mô tả trong các phần khác nhau của thông số kỹ thuật này

3. 2. 3 Thuộc tính toàn cục

Các thuộc tính sau là phổ biến và có thể được chỉ định trên tất cả các thành phần HTML [ngay cả những thuộc tính không được xác định trong đặc tả này]

Các thuộc tính nội dung trình xử lý sự kiện sau đây có thể được chỉ định trên bất kỳ phần tử HTML nào

Các thuộc tính được đánh dấu hoa thị có ý nghĩa khác khi được chỉ định trên các phần tử


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

9 vì các phần tử đó hiển thị các trình xử lý sự kiện của đối tượng
 ABC Company
 

Leading the way in widget design since 1432

...
0 có cùng tên

Mặc dù các thuộc tính này áp dụng cho tất cả các phần tử, nhưng chúng không hữu ích trên tất cả các phần tử. Ví dụ: chỉ các phần tử phương tiện mới nhận được sự kiện

 ABC Company
 

Leading the way in widget design since 1432

...
1 do tác nhân người dùng kích hoạt

Thuộc tính dữ liệu tùy chỉnh [e. g.

 ABC Company
 

Leading the way in widget design since 1432

...
2 hoặc
 ABC Company
 

Leading the way in widget design since 1432

...
3] có thể được chỉ định trên bất kỳ phần tử HTML nào, để lưu trữ dữ liệu tùy chỉnh dành riêng cho trang

Trong tài liệu HTML, các thành phần trong không gian tên HTML có thể có thuộc tính

 ABC Company
 

Leading the way in widget design since 1432

...
4 được chỉ định, nếu và chỉ khi, thuộc tính này có giá trị chính xác là "
 ABC Company
 

Leading the way in widget design since 1432

...
5". Điều này không áp dụng cho các tài liệu XML

Trong HTML, thuộc tính

 ABC Company
 

Leading the way in widget design since 1432

...
4 hoàn toàn không có tác dụng. Về cơ bản nó là một lá bùa hộ mệnh. Nó chỉ được phép thực hiện việc di chuyển đến và từ XHTML dễ dàng hơn một chút. Khi được phân tích cú pháp bằng trình phân tích cú pháp HTML, thuộc tính kết thúc bằng không gian tên, không phải không gian tên "
 ABC Company
 

Leading the way in widget design since 1432

...
7" giống như các thuộc tính khai báo không gian tên trong XML.

Trong XML, thuộc tính

 ABC Company
 

Leading the way in widget design since 1432

...
4 là một phần của cơ chế khai báo không gian tên và một phần tử thực sự không thể có thuộc tính
 ABC Company
 

Leading the way in widget design since 1432

...
4 trong không gian tên nào được chỉ định

Đặc tả XML cũng cho phép sử dụng thuộc tính

 
  ABC Company
  

Leading the way in widget design since 1432

...
0 trong không gian tên XML trên bất kỳ phần tử nào trong tài liệu XML. Thuộc tính này không ảnh hưởng đến các phần tử HTML, vì hành vi mặc định trong HTML là giữ nguyên khoảng trắng. [XML]

Không có cách nào để tuần tự hóa thuộc tính

 
  ABC Company
  

Leading the way in widget design since 1432

...
0 trên các phần tử HTML theo cú pháp
 
  ABC Company
  

Leading the way in widget design since 1432

...
2

Để cho phép các sản phẩm công nghệ hỗ trợ hiển thị giao diện chi tiết hơn so với các phần tử và thuộc tính HTML khác, có thể chỉ định một bộ chú thích cho các sản phẩm công nghệ hỗ trợ [các thuộc tính ARIA

 
  ABC Company
  

Leading the way in widget design since 1432

...
3 và
 
  ABC Company
  

Leading the way in widget design since 1432

...
4]

3. 2. 3. 1 Thuộc tính
 
  ABC Company
  

Leading the way in widget design since 1432

...
5

Thuộc tính

 
  ABC Company
  

Leading the way in widget design since 1432

...
6 chỉ định mã định danh [ID] duy nhất của phần tử của nó. Giá trị phải là duy nhất trong số tất cả các ID trong cây con gốc của phần tử và phải chứa ít nhất một ký tự. Giá trị không được chứa bất kỳ ký tự khoảng trắng nào

Mã định danh duy nhất của một phần tử có thể được sử dụng cho nhiều mục đích khác nhau, đáng chú ý nhất là cách liên kết đến các phần cụ thể của tài liệu bằng cách sử dụng mã định danh phân đoạn, như một cách để nhắm mục tiêu một phần tử khi viết kịch bản và như một cách để tạo kiểu cho một phần tử cụ thể từ

Nếu giá trị không phải là chuỗi rỗng, tác nhân người dùng phải liên kết phần tử với giá trị đã cho [chính xác, bao gồm bất kỳ ký tự khoảng trắng nào] cho mục đích khớp ID trong cây con gốc của phần tử [e. g. cho bộ chọn trong CSS hoặc cho phương thức

 
  ABC Company
  

Leading the way in widget design since 1432

...
7 trong DOM]

Mã định danh là các chuỗi mờ. Ý nghĩa cụ thể không nên được bắt nguồn từ giá trị của thuộc tính

 
  ABC Company
  

Leading the way in widget design since 1432

...
6

Thông số kỹ thuật này không loại trừ một phần tử có nhiều ID, nếu các cơ chế khác [e. g. Các phương thức DOM Core] có thể đặt ID của phần tử theo cách không xung đột với thuộc tính

 
  ABC Company
  

Leading the way in widget design since 1432

...
6

Thuộc tính IDL của

 
  ABC Company
  

Leading the way in widget design since 1432

...
5 phải phản ánh thuộc tính nội dung của
 
  ABC Company
  

Leading the way in widget design since 1432

...
6

3. 2. 3. 2 Thuộc tính
Carpet: 
2

Thuộc tính

Carpet: 
3 đại diện cho thông tin tư vấn cho phần tử, chẳng hạn như sẽ phù hợp với chú giải công cụ. Trên một liên kết, đây có thể là tiêu đề hoặc mô tả của tài nguyên đích; . Giá trị là văn bản

Nếu thuộc tính này bị bỏ qua trong một phần tử, thì điều đó ngụ ý rằng thuộc tính

Carpet: 
3 của phần tử HTML tổ tiên gần nhất có bộ thuộc tính
Carpet: 
3 cũng liên quan đến phần tử này. Đặt thuộc tính sẽ ghi đè điều này, nêu rõ rằng thông tin tư vấn của bất kỳ tổ tiên nào không liên quan đến phần tử này. Đặt thuộc tính thành chuỗi rỗng cho biết phần tử không có thông tin tư vấn

Nếu giá trị của thuộc tính

Carpet: 
3 chứa các ký tự U+000A LINE FEED [LF], thì nội dung được chia thành nhiều dòng. Mỗi ký tự U+000A LINE FEED [LF] đại diện cho một ngắt dòng

Cần thận trọng đối với việc sử dụng các dòng mới trong các thuộc tính

Carpet: 
3

Chẳng hạn, đoạn mã sau thực sự xác định phần mở rộng của từ viết tắt với dấu ngắt dòng trong đó


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

4

Một số phần tử, chẳng hạn như

Carpet: 
8,
Carpet: 
9 và
Carpet: 
0, xác định ngữ nghĩa bổ sung cho thuộc tính
Carpet: 
3 ngoài ngữ nghĩa được mô tả ở trên

Thuộc tính IDL của

Carpet: 
2 phải phản ánh thuộc tính nội dung của
Carpet: 
3

3. 2. 3. 3 Thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

2 và
Carpet: 
5

Thuộc tính

Carpet: 
6 [không có vùng tên] chỉ định ngôn ngữ chính cho nội dung của phần tử và cho bất kỳ thuộc tính nào của phần tử có chứa văn bản. Giá trị của nó phải là thẻ ngôn ngữ BCP 47 hợp lệ hoặc chuỗi trống. Đặt thuộc tính thành chuỗi trống cho biết ngôn ngữ chính không xác định. [BCP47]

Thuộc tính

Carpet: 
6 trong không gian tên XML được định nghĩa trong XML. [XML]

Nếu các thuộc tính này bị bỏ qua trong một phần tử, thì ngôn ngữ của phần tử này giống với ngôn ngữ của phần tử cha của nó, nếu có

Thuộc tính


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

2 trong không gian tên có thể được sử dụng trên bất kỳ phần tử HTML nào

Thuộc tính

Carpet: 
6 trong không gian tên XML có thể được sử dụng trên các phần tử HTML trong tài liệu XML, cũng như các phần tử trong các không gian tên khác nếu các thông số kỹ thuật có liên quan cho phép điều đó [cụ thể là MathML và SVG cho phép các thuộc tính
Carpet: 
6 trong không gian tên XML được chỉ định trên các phần tử của chúng . Nếu cả thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

2 trong không gian tên và thuộc tính
Carpet: 
6 trong không gian tên XML được chỉ định trên cùng một phần tử, chúng phải có cùng một giá trị chính xác khi so sánh theo cách phân biệt chữ hoa chữ thường ASCII

Tác giả không được sử dụng thuộc tính

Carpet: 
6 trong không gian tên XML trên các phần tử HTML trong tài liệu HTML. Để dễ dàng di chuyển đến và từ XHTML, tác giả có thể chỉ định một thuộc tính trong không gian tên không có tiền tố và với tên địa phương theo nghĩa đen "

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

34" trên các phần tử HTML trong tài liệu HTML, nhưng các thuộc tính đó chỉ phải được chỉ định nếu thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

2 trong không gian tên cũng là

Thuộc tính không có không gian tên không có tiền tố và có tên cục bộ bằng chữ "


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

34" không ảnh hưởng đến quá trình xử lý ngôn ngữ

Để xác định ngôn ngữ của một nút, các tác nhân người dùng phải xem phần tử tổ tiên gần nhất [bao gồm chính phần tử đó nếu nút là một phần tử] có thuộc tính

Carpet: 
6 trong bộ không gian tên XML hoặc là một phần tử HTML và có một

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

2 trong không . Thuộc tính đó chỉ định ngôn ngữ của nút [bất kể giá trị của nó]

Nếu cả thuộc tính


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

2 trong không gian tên và thuộc tính
Carpet: 
6 trong không gian tên XML được đặt trên một phần tử, tác nhân người dùng phải sử dụng thuộc tính
Carpet: 
6 trong không gian tên XML và thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

2 trong không gian tên phải được bỏ qua cho mục đích xác định

Nếu không có tổ tiên nào của nút, kể cả phần tử gốc, có một trong hai bộ thuộc tính, nhưng có một bộ ngôn ngữ mặc định do pragma-set đặt, thì đó là ngôn ngữ của nút. Nếu không có bộ ngôn ngữ mặc định do pragma thiết lập, thì thông tin ngôn ngữ từ giao thức cấp cao hơn [chẳng hạn như HTTP], nếu có, phải được sử dụng làm ngôn ngữ dự phòng cuối cùng để thay thế. Trong trường hợp không có bất kỳ thông tin ngôn ngữ nào như vậy và trong trường hợp giao thức cấp cao hơn báo cáo nhiều ngôn ngữ, ngôn ngữ của nút không xác định và thẻ ngôn ngữ tương ứng là chuỗi trống

Nếu giá trị kết quả không phải là thẻ ngôn ngữ được công nhận thì giá trị đó phải được coi là ngôn ngữ không xác định có thẻ ngôn ngữ đã cho, khác biệt với tất cả các ngôn ngữ khác. Đối với các mục đích chuyển vòng hoặc giao tiếp với các dịch vụ khác mong đợi các thẻ ngôn ngữ, các tác nhân người dùng nên chuyển các thẻ ngôn ngữ không xác định thông qua các thẻ chưa sửa đổi

Do đó, ví dụ, một phần tử có


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

43 sẽ được khớp bởi bộ chọn

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

44 [e. g. trong CSS], nhưng nó sẽ không khớp với

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

45, mặc dù cả hai đều không hợp lệ như nhau. Tương tự, nếu trình duyệt Web và trình đọc màn hình hoạt động đồng thời trao đổi thông tin về ngôn ngữ của phần tử, trình duyệt sẽ báo cho trình đọc màn hình rằng ngôn ngữ đó là "xyzzy", ngay cả khi trình duyệt biết ngôn ngữ đó không hợp lệ, chỉ trong trường hợp trình đọc màn hình thực sự

Nếu giá trị kết quả là chuỗi rỗng, thì nó phải được hiểu là ngôn ngữ của nút không rõ ràng

Tác nhân người dùng có thể sử dụng ngôn ngữ của phần tử để xác định quá trình xử lý hoặc kết xuất phù hợp [e. g. trong việc lựa chọn phông chữ hoặc cách phát âm thích hợp, hoặc để lựa chọn từ điển]

Thuộc tính IDL của

Carpet: 
6 phải phản ánh thuộc tính nội dung của

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

2 trong không gian tên

3. 2. 3. 4 Thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

48 [chỉ dành cho XML]

Thuộc tính


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

49 được định nghĩa trong XML Base. [XMLBASE]

Thuộc tính


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

49 có thể được sử dụng trên các phần tử của tài liệu XML. Tác giả không được sử dụng thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

49 trong tài liệu HTML

3. 2. 3. 5 Thuộc tính
 
  ABC Company
  

Leading the way in widget design since 1432

...
92

Thuộc tính

 
  ABC Company
  

Leading the way in widget design since 1432

...
93 chỉ định hướng văn bản của phần tử. Thuộc tính là một thuộc tính liệt kê với từ khóa
 
  ABC Company
  

Leading the way in widget design since 1432

...
94 ánh xạ tới trạng thái ltr và từ khóa
 
  ABC Company
  

Leading the way in widget design since 1432

...
95 ánh xạ tới trạng thái rtl. Thuộc tính không có giá trị mặc định không hợp lệ và không có giá trị bị thiếu mặc định

Việc xử lý thuộc tính này chủ yếu được thực hiện bởi tầng trình bày. Ví dụ: phần kết xuất trong thông số kỹ thuật này xác định ánh xạ từ thuộc tính này tới các thuộc tính 'direction' và 'unicode-bidi' của CSS và CSS xác định kết xuất theo các thuộc tính đó

Hướng của một phần tử, được sử dụng cụ thể bởi API kết xuất văn bản của phần tử

 
  ABC Company
  

Leading the way in widget design since 1432

...
96, là 'ltr' hoặc 'rtl'. Nếu tác nhân người dùng hỗ trợ CSS và thuộc tính 'direction' trên phần tử này có giá trị được tính toán là 'ltr' hoặc 'rtl', thì đó là hướng của phần tử. Mặt khác, nếu phần tử đang được hiển thị, thì hướng của phần tử là hướng được lớp trình bày sử dụng, có khả năng được xác định từ giá trị của thuộc tính
 
  ABC Company
  

Leading the way in widget design since 1432

...
93 trên phần tử. Mặt khác, nếu thuộc tính
 
  ABC Company
  

Leading the way in widget design since 1432

...
93 của phần tử có trạng thái ltr, thì hướng của phần tử là 'ltr' [từ trái sang phải];

tài liệu.
 
  ABC Company
  

Leading the way in widget design since 1432

...
99 [ = giá trị ]

Trả về giá trị của thuộc tính

 
  ABC Company
  

Leading the way in widget design since 1432

...
93 của phần tử
Carpet: 
70, nếu có

Có thể được đặt thành "

 
  ABC Company
  

Leading the way in widget design since 1432

...
94" hoặc "
 
  ABC Company
  

Leading the way in widget design since 1432

...
95", để thay thế giá trị của thuộc tính
 
  ABC Company
  

Leading the way in widget design since 1432

...
93 của phần tử
Carpet: 
70

Nếu không có phần tử

Carpet: 
70, trả về chuỗi trống và bỏ qua các giá trị mới

Các tác giả được khuyến khích sử dụng thuộc tính

 
  ABC Company
  

Leading the way in widget design since 1432

...
93 để biểu thị hướng văn bản thay vì sử dụng CSS, vì theo cách đó, tài liệu của họ sẽ tiếp tục hiển thị chính xác ngay cả khi không có CSS ​​[e. g. như được giải thích bởi các công cụ tìm kiếm]

3. 2. 3. 6 Thuộc tính
Carpet: 
78

Mọi phần tử HTML có thể có thuộc tính

Carpet: 
79 được chỉ định

Thuộc tính, nếu được chỉ định, phải có một giá trị là một tập hợp các mã thông báo được phân tách bằng dấu cách đại diện cho các lớp khác nhau mà phần tử thuộc về

Việc gán các lớp cho một phần tử ảnh hưởng đến việc khớp lớp trong bộ chọn trong CSS, phương thức


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

00 trong DOM và các tính năng khác như vậy

Không có giới hạn bổ sung nào đối với mã thông báo mà tác giả có thể sử dụng trong thuộc tính

Carpet: 
79, nhưng tác giả được khuyến khích sử dụng các giá trị mô tả bản chất của nội dung, thay vì các giá trị mô tả cách trình bày nội dung mong muốn

Các thuộc tính IDL


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

02 và

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

03 phải phản ánh thuộc tính nội dung
Carpet: 
79

3. 2. 3. 7 Thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

05

Tất cả các phần tử HTML có thể có bộ thuộc tính nội dung


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

06. Đây là một thuộc tính tạo kiểu CSS như được xác định bởi đặc tả Cú pháp thuộc tính tạo kiểu CSS. [CSSATTR]

Trong các tác nhân người dùng hỗ trợ CSS, giá trị của thuộc tính phải được phân tích cú pháp khi thuộc tính được thêm vào hoặc giá trị của thuộc tính đó thay đổi, theo các quy tắc được đưa ra cho các thuộc tính tạo kiểu CSS. [CSSATTR]

Các tài liệu sử dụng thuộc tính


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

06 trên bất kỳ phần tử nào của chúng vẫn phải dễ hiểu và có thể sử dụng được nếu các thuộc tính đó đã bị xóa

Đặc biệt, việc sử dụng thuộc tính


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

06 để ẩn và hiển thị nội dung hoặc để truyền đạt ý nghĩa không có trong tài liệu là không phù hợp. [Để ẩn, hiện nội dung sử dụng thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

09. ]

thành phần.

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

10

Trả về một đối tượng


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

11 cho thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

06 của phần tử

Thuộc tính IDL


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

05 phải trả về một

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

11 có giá trị đại diện cho các khai báo được chỉ định trong thuộc tính, nếu có. Thay đổi đối tượng

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

11 phải tạo một thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

06 trên phần tử [nếu chưa có] và sau đó thay đổi giá trị của nó thành một giá trị đại diện cho dạng tuần tự hóa của đối tượng

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

11. Phải trả lại cùng một đối tượng mỗi lần. [CSSOM]

Trong ví dụ sau, các từ chỉ màu sắc được đánh dấu bằng cách sử dụng phần tử


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

18 và thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

06 để làm cho những từ đó hiển thị bằng các màu có liên quan trong phương tiện trực quan

 
  ABC Company
  

Leading the way in widget design since 1432

...
9

3. 2. 3. 8 Nhúng dữ liệu ẩn tùy chỉnh với các thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

20

Thuộc tính dữ liệu tùy chỉnh là một thuộc tính không có không gian tên có tên bắt đầu bằng chuỗi "


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

21", có ít nhất một ký tự sau dấu gạch ngang, tương thích với XML và không chứa ký tự nào trong phạm vi U+0041 đến U+005A [LATIN

Tất cả các thuộc tính trên các phần tử HTML trong tài liệu HTML sẽ tự động được viết thường ASCII, do đó, hạn chế đối với các chữ cái viết hoa ASCII không ảnh hưởng đến các tài liệu đó

Thuộc tính dữ liệu tùy chỉnh nhằm mục đích lưu trữ dữ liệu tùy chỉnh ở chế độ riêng tư cho trang hoặc ứng dụng mà không có thuộc tính hoặc thành phần nào phù hợp hơn

Các thuộc tính này không nhằm mục đích sử dụng bởi phần mềm độc lập với trang web sử dụng các thuộc tính

Chẳng hạn, một trang web về âm nhạc có thể chú thích các mục danh sách đại diện cho các bản nhạc trong album với các thuộc tính dữ liệu tùy chỉnh chứa độ dài của mỗi bản nhạc. Thông tin này sau đó có thể được chính trang web sử dụng để cho phép người dùng sắp xếp danh sách theo độ dài bản nhạc hoặc để lọc danh sách cho các bản nhạc có độ dài nhất định

Carpet: 
7

Tuy nhiên, sẽ không phù hợp nếu người dùng sử dụng phần mềm chung không được liên kết với trang web âm nhạc đó để tìm kiếm các bản nhạc có độ dài nhất định bằng cách xem dữ liệu này

Điều này là do các thuộc tính này dành cho tập lệnh riêng của trang web sử dụng và không phải là cơ chế mở rộng chung cho siêu dữ liệu có thể sử dụng công khai

Mỗi phần tử HTML có thể có bất kỳ số lượng thuộc tính dữ liệu tùy chỉnh nào được chỉ định, với bất kỳ giá trị nào

thành phần.

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

22

Trả về một đối tượng


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

23 cho các thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

20 của phần tử

Tên gạch nối trở thành trường hợp lạc đà. Ví dụ,


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

25 trở thành

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

26

Thuộc tính IDL


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

27 cung cấp các bộ truy cập thuận tiện cho tất cả các thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

20 trên một phần tử. Khi nhận, thuộc tính IDL

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

22 phải trả về một đối tượng

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

23, được liên kết với các thuật toán sau, hiển thị các thuộc tính này trên phần tử của chúng

Thuật toán lấy danh sách các cặp tên-giá trị
  1. Đặt danh sách là một danh sách trống các cặp tên-giá trị
  2. Đối với mỗi thuộc tính nội dung trên phần tử có năm ký tự đầu tiên là chuỗi "
    
       Demonstration  
     
      

    My favourite animal is the cat.

    —Ernest, in an essay from 1992

    21" và các ký tự còn lại [nếu có] không bao gồm bất kỳ ký tự nào trong phạm vi U+0041 đến U+005A [CHỮ HOA LATIN A đến CHỮ IN HOA LATIN Z
  3. Đối với mỗi tên trong danh sách, đối với mỗi ký tự U+002D DÒNG GỐI TRỪ [-] trong tên theo sau là một ký tự trong phạm vi U+0061 đến U+007A [U+0061 CHỮ NHỎ LATIN A đến U+007A
  4. danh sách trả lại
Thuật toán đặt tên cho các giá trị nhất định
  1. Đặt tên là tên được truyền cho thuật toán
  2. Đặt giá trị là giá trị được truyền cho thuật toán
  3. Nếu tên chứa một ký tự U+002D DÒNG GỐI TRỪ [-] theo sau là một ký tự trong phạm vi U+0061 đến U+007A [U+0061 CHỮ NHỎ LATIN A đến U+007A CHỮ NHỎ LATIN Z], ném một ngoại lệ
    
       Demonstration  
     
      

    My favourite animal is the cat.

    —Ernest, in an essay from 1992

    32
  4. Đối với mỗi ký tự trong phạm vi từ U+0041 đến U+005A [U+0041 CHỮ VỐN LATIN A đến U+005A CHỮ VỐN LATIN Z] trong tên, hãy chèn một ký tự U+002D DẤU NỐI-DẤU TRỪ [-] trước ký tự đó và thay thế
  5. Chèn chuỗi
    
       Demonstration  
     
      

    My favourite animal is the cat.

    —Ernest, in an essay from 1992

    21 ở phía trước tên
  6. Đặt giá trị của thuộc tính với tên tên, thành giá trị giá trị, thay thế bất kỳ giá trị nào trước đó nếu thuộc tính đã tồn tại. Nếu
    
       Demonstration  
     
      

    My favourite animal is the cat.

    —Ernest, in an essay from 1992

    34 đã đưa ra một ngoại lệ khi đặt một thuộc tính có tên name, thì điều này phải đưa ra ngoại lệ tương tự
Thuật toán xóa tên
  1. Đặt tên là tên được truyền cho thuật toán
  2. Đối với mỗi ký tự trong phạm vi từ U+0041 đến U+005A [U+0041 CHỮ VỐN LATIN A đến U+005A CHỮ VỐN LATIN Z] trong tên, hãy chèn một ký tự U+002D DẤU NỐI-DẤU TRỪ [-] trước ký tự đó và thay thế
  3. Chèn chuỗi
    
       Demonstration  
     
      

    My favourite animal is the cat.

    —Ernest, in an essay from 1992

    21 ở phía trước tên
  4. Xóa thuộc tính có tên name, nếu thuộc tính đó tồn tại. không làm gì khác

Phải trả lại cùng một đối tượng mỗi lần

Nếu một trang Web muốn một phần tử đại diện cho một con tàu không gian, e. g. là một phần của trò chơi, nó sẽ phải sử dụng thuộc tính

Carpet: 
79 cùng với thuộc tính

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

20


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

0

Lưu ý cách tên thuộc tính được gạch nối trở thành vỏ lạc đà trong API

Tác giả nên cẩn thận thiết kế các tiện ích mở rộng như vậy để khi các thuộc tính bị bỏ qua và bất kỳ CSS liên quan nào bị loại bỏ, trang vẫn có thể sử dụng được

Tác nhân người dùng không được rút ra bất kỳ hành vi triển khai nào từ các thuộc tính hoặc giá trị này. Thông số kỹ thuật dành cho tác nhân người dùng không được xác định các thuộc tính này có bất kỳ giá trị có ý nghĩa nào

Các thư viện JavaScript có thể sử dụng các thuộc tính dữ liệu tùy chỉnh vì chúng được coi là một phần của trang mà chúng được sử dụng. Tác giả của các thư viện được nhiều tác giả sử dụng lại được khuyến khích đưa tên của họ vào tên thuộc tính, để giảm nguy cơ xung đột. Nếu hợp lý, các tác giả thư viện cũng được khuyến khích đặt tên chính xác được sử dụng trong các tên thuộc tính có thể tùy chỉnh, để các thư viện mà các tác giả vô tình chọn cùng một tên có thể được sử dụng trên cùng một trang và để nhiều phiên bản của một thư viện cụ thể có thể

Ví dụ: thư viện có tên "DoQuery" có thể sử dụng tên thuộc tính như


   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

38 và thư viện có tên "jJo" có thể sử dụng tên thuộc tính như

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

39. Thư viện jJo cũng có thể cung cấp API để đặt tiền tố nào sẽ sử dụng [e. g.

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

40, làm cho các thuộc tính có tên như

   Demonstration  
 
  

My favourite animal is the cat.

—Ernest, in an essay from 1992

41]

3. 2. 4 Định nghĩa phần tử

Mỗi yếu tố trong đặc tả này có một định nghĩa bao gồm các thông tin sau

Thể loại

Một danh sách các danh mục mà phần tử thuộc về. Chúng được sử dụng khi xác định các mô hình nội dung cho từng phần tử

Các bối cảnh trong đó phần tử này có thể được sử dụng

Mô tả không theo quy tắc về nơi phần tử có thể được sử dụng. Thông tin này là dư thừa với các mô hình nội dung của các phần tử cho phép phần tử này khi còn nhỏ và chỉ được cung cấp để thuận tiện

Để đơn giản, chỉ những kỳ vọng cụ thể nhất được liệt kê. Ví dụ: một phần tử vừa là nội dung dòng chảy vừa là nội dung cụm từ có thể được sử dụng ở bất kỳ nơi nào mà nội dung dòng chảy hoặc nội dung cụm từ được mong đợi, nhưng vì bất kỳ nơi nào mà nội dung dòng chảy được mong đợi, nên nội dung cụm từ cũng được mong đợi [vì tất cả nội dung cụm từ đều là nội dung dòng chảy]

mô hình nội dung

Mô tả quy chuẩn về nội dung nào phải được đưa vào dưới dạng con và con của phần tử

thuộc tính nội dung

Một danh sách quy chuẩn của các thuộc tính có thể được chỉ định trên phần tử [trừ trường hợp không được phép]

giao diện DOM

Định nghĩa quy chuẩn của giao diện DOM mà các phần tử đó phải triển khai

Sau đó, tiếp theo là mô tả về nội dung mà phần tử đại diện, cùng với bất kỳ tiêu chí tuân thủ quy chuẩn bổ sung nào có thể áp dụng cho tác giả và triển khai. Các ví dụ đôi khi cũng được bao gồm

3. 2. 4. 1 thuộc tính

Trừ khi được chỉ định khác, các thuộc tính trên phần tử HTML có thể có bất kỳ giá trị chuỗi nào, kể cả chuỗi rỗng. Trừ khi được nêu rõ ràng, không có hạn chế về văn bản nào có thể được chỉ định trong các thuộc tính đó

5 yếu tố của HTML là gì?

Một số trang tiếp theo sẽ cung cấp tổng quan về các phần tử HTML cơ bản này. .
A text header, denoted using the

,

,

,

, , tags..

A paragraph, denoted using the

tag..

A horizontal ruler, denoted using the tag..
A link, denoted using the [anchor] tag..

Các phần tử và thuộc tính HTML là gì?

Phần tử HTML chứa nội dung. Các thuộc tính HTML được sử dụng để mô tả chi tiết đặc điểm của phần tử HTML . Thẻ HTML bắt đầu bằng < và kết thúc bằng > Bất kỳ nội dung nào được viết trong thẻ HTML đều là các phần tử HTML. Các thuộc tính HTML chỉ được tìm thấy trong thẻ bắt đầu.

Có bao nhiêu thuộc tính trong HTML5?

HTML là nền tảng của một trang web

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

Tóm tắt chương .
Tất cả các phần tử HTML có thể có các thuộc tính
The href attribute of specifies the URL of the page the link goes to..
The src attribute of specifies the path to the image to be displayed..
The width and height attributes of provide size information for images..

Chủ Đề