Thuộc tính HTML luôn xuất hiện ở đâu?

và các thẻ khác. Chúng tôi đã sử dụng chúng ở dạng đơn giản nhất, nhưng hầu hết các thẻ HTML cũng có thể có các thuộc tính, là các bit thông tin bổ sung.

Một thuộc tính được sử dụng để xác định các đặc điểm của phần tử HTML và được đặt bên trong thẻ mở của phần tử. Tất cả các thuộc tính được tạo thành từ hai phần - tên và giá trị

  • Tên là thuộc tính bạn muốn đặt. Ví dụ, đoạn

    phần tử trong ví dụ mang một thuộc tính có tên là căn chỉnh, bạn có thể sử dụng thuộc tính này để biểu thị sự căn chỉnh của đoạn văn trên trang

  • Giá trị là những gì bạn muốn đặt giá trị của thuộc tính và luôn đặt trong dấu ngoặc kép. Ví dụ dưới đây cho thấy ba giá trị có thể có của thuộc tính align. trái, giữa và phải

Tên thuộc tính và giá trị thuộc tính không phân biệt chữ hoa chữ thường. Tuy nhiên, World Wide Web Consortium (W3C) đề xuất các thuộc tính/giá trị thuộc tính chữ thường trong đề xuất HTML 4 của họ

Thí dụ

 

 
    
      Align Attribute  Example 
   
	
    
      

This is left aligned

This is center aligned

This is right aligned

Điều này sẽ hiển thị kết quả sau -

Thuộc tính cốt lõi

Bốn thuộc tính cốt lõi có thể được sử dụng trên phần lớn các thành phần HTML (mặc dù không phải tất cả) là -

Thuộc tính ID

Thuộc tính id của thẻ HTML có thể được sử dụng để xác định duy nhất bất kỳ phần tử nào trong trang HTML. Có hai lý do chính mà bạn có thể muốn sử dụng thuộc tính id trên một phần tử -

  • Nếu một phần tử mang thuộc tính id dưới dạng mã định danh duy nhất, thì có thể xác định chỉ phần tử đó và nội dung của nó

  • Nếu bạn có hai thành phần cùng tên trong một trang Web (hoặc biểu định kiểu), bạn có thể sử dụng thuộc tính id để phân biệt giữa các thành phần có cùng tên

Chúng ta sẽ thảo luận về biểu định kiểu trong hướng dẫn riêng. Bây giờ, hãy sử dụng thuộc tính id để phân biệt giữa hai thành phần đoạn văn như hình bên dưới

Thí dụ

This para explains what is HTML

This para explains what is Cascading Style Sheet

Thuộc tính tiêu đề

Thuộc tính tiêu đề cung cấp tiêu đề gợi ý cho phần tử. Cú pháp của thuộc tính title tương tự như được giải thích cho thuộc tính id -

Hành vi của thuộc tính này sẽ phụ thuộc vào phần tử mang nó, mặc dù nó thường được hiển thị dưới dạng chú giải công cụ khi con trỏ di chuyển qua phần tử hoặc trong khi phần tử đang tải

Thí dụ



   
      The title Attribute Example
   
	
   
      

Titled Heading Tag Example

Điều này sẽ tạo ra kết quả sau -

Bây giờ, hãy thử đưa con trỏ của bạn qua "Ví dụ về thẻ tiêu đề có tiêu đề" và bạn sẽ thấy rằng bất kỳ tiêu đề nào bạn đã sử dụng trong mã của mình sẽ xuất hiện dưới dạng chú giải công cụ của con trỏ

Thuộc tính lớp

Thuộc tính lớp được sử dụng để liên kết một phần tử với biểu định kiểu và chỉ định lớp của phần tử. Bạn sẽ tìm hiểu thêm về việc sử dụng thuộc tính lớp khi bạn học Cascading Style Sheet (CSS). Vì vậy, bây giờ bạn có thể tránh nó

Giá trị của thuộc tính cũng có thể là danh sách tên lớp được phân tách bằng dấu cách. Ví dụ -

class = "className1 className2 className3"

Thuộc tính phong cách

Thuộc tính style cho phép bạn chỉ định các quy tắc Cascading Style Sheet (CSS) trong phần tử



   
      The style Attribute
   
	
   
      

Some text...

Điều này sẽ tạo ra kết quả sau -

Tại thời điểm này, chúng tôi không học CSS, vì vậy hãy tiếp tục mà không cần bận tâm nhiều về CSS. Ở đây, bạn cần hiểu thuộc tính HTML là gì và cách sử dụng chúng khi định dạng nội dung

Thuộc tính quốc tế hóa

Có ba thuộc tính quốc tế hóa, có sẵn cho hầu hết (mặc dù không phải tất cả) phần tử XHTML

Thuộc tính dir

Thuộc tính dir cho phép bạn chỉ ra cho trình duyệt về hướng văn bản sẽ chảy. Thuộc tính dir có thể nhận một trong hai giá trị, như bạn có thể thấy trong bảng sau -

Giá trịÝ nghĩaltrTrái sang phải (giá trị mặc định)rtlPhải sang trái (đối với các ngôn ngữ như tiếng Do Thái hoặc tiếng Ả Rập được đọc từ phải sang trái)

Thí dụ



   
      Display Directions
   
	
   
      This is how IE 5 renders right-to-left directed text.
   
	

Điều này sẽ tạo ra kết quả sau -

Khi thuộc tính dir được sử dụng trong thẻ, nó sẽ xác định cách trình bày văn bản trong toàn bộ tài liệu. Khi được sử dụng trong một thẻ khác, nó sẽ kiểm soát hướng của văn bản chỉ dành cho nội dung của thẻ đó

Thuộc tính lang

Thuộc tính lang cho phép bạn chỉ ra ngôn ngữ chính được sử dụng trong tài liệu, nhưng thuộc tính này chỉ được giữ trong HTML để tương thích ngược với các phiên bản HTML trước đó. Thuộc tính này đã được thay thế bằng xml. thuộc tính lang trong tài liệu XHTML mới

Các giá trị của thuộc tính lang là mã ngôn ngữ hai ký tự tiêu chuẩn ISO-639. Kiểm tra mã ngôn ngữ HTML. ISO 639 cho danh sách đầy đủ các mã ngôn ngữ

Thí dụ



   
      English Language Page
   

   
      This page is using English Language
   


Điều này sẽ tạo ra kết quả sau -

xml. thuộc tính lang

xml. thuộc tính lang là sự thay thế XHTML cho thuộc tính lang. Giá trị của xml. thuộc tính lang phải là mã quốc gia ISO-639 như đã đề cập trong phần trước

Thuộc tính chung

Đây là bảng gồm một số thuộc tính khác có thể sử dụng dễ dàng với nhiều thẻ HTML

Thuộc tínhTùy chọnChức năngcăn phải, trái, giữaCăn thẻ theo chiều ngangvaligntop, middle, bottomCăn thẻ theo chiều dọc trong một phần tử HTML. bgcolorgiá trị số, thập lục phân, RGBĐặt màu nền phía sau phần tửbackgroundURLĐặt hình nền phía sau phần tửidNgười dùng xác địnhĐặt tên phần tử để sử dụng với Cascading Style Sheets. classUser DefinedPhân loại một phần tử để sử dụng với Cascading Style Sheets. widthNumeric ValueXác định chiều rộng của bảng, hình ảnh hoặc ô bảng. heightNumeric ValueXác định chiều cao của bảng, hình ảnh hoặc ô bảng. title Tiêu đề "Cửa sổ bật lên" do người dùng xác định của các phần tử

Chúng ta sẽ xem các ví dụ liên quan vì chúng ta sẽ tiến hành nghiên cứu các thẻ HTML khác. Để có danh sách đầy đủ các Thẻ HTML và các thuộc tính liên quan, vui lòng kiểm tra tham khảo Danh sách Thẻ HTML

Thuộc tính nên xuất hiện ở đâu trong HTML?

Thuộc tính HTML .
Tất cả các phần tử HTML có thể có các thuộc tính
Các thuộc tính cung cấp thêm thông tin về các phần tử
Các thuộc tính luôn được chỉ định trong thẻ bắt đầu
Các thuộc tính thường có các cặp tên/giá trị như. tên = "giá trị"

Các thuộc tính có sẵn trong HTML là gì?

Chúng bao gồm các thuộc tính tiêu chuẩn cơ bản. chúng bao gồm khóa truy cập, lớp, có thể chỉnh sửa nội dung, menu ngữ cảnh, dữ liệu, thư mục, ẩn, id, lang, kiểu, chỉ mục tab, tiêu đề .

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

Định nghĩa và cách sử dụng . Nội dung bên trong phần tử
phải là duy nhất cho tài liệu. Nó không được chứa bất kỳ nội dung nào được lặp lại trên các tài liệu như thanh bên, liên kết điều hướng, thông tin bản quyền, logo trang web và biểu mẫu tìm kiếm. The
tag specifies the main content of a document. The content inside the
element should be unique to the document. It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms.