Thuộc tính HTML có thể nói là những từ đặc biệt được sử dụng bên trong các thẻ mở và chịu trách nhiệm kiểm soát hành vi của một phần tử. Chúng là một công cụ sửa đổi loại phần tử HTML. Công cụ sửa đổi này có thể thực hiện hai công việc. Nó có thể sửa đổi chức năng mặc định của một phần tử hoặc cung cấp chức năng cho bất kỳ phần tử nào không thể hoạt động bình thường nếu không có chúng. Về mặt cú pháp, một thuộc tính được thêm vào thẻ bắt đầu HTML. Có nhiều loại thuộc tính khác nhau đã được xác định

Chúng bao gồm các thuộc tính bắt buộc, thuộc tính tùy chọn, thuộc tính tiêu chuẩn và thuộc tính sự kiện. Các thuộc tính bắt buộc là những thuộc tính cần thiết cho một loại phần tử cụ thể để chức năng hoạt động chính xác. Thuộc tính tùy chọn có thể được sử dụng để sửa đổi chức năng mặc định của một loại phần tử. Một số lượng lớn các loại phần tử hỗ trợ các thuộc tính tiêu chuẩn và các thuộc tính sự kiện có thể gây ra các loại phần tử có thể chỉ định các tập lệnh chạy trong các trường hợp cụ thể. Các thuộc tính thường xuất hiện dưới dạng các cặp tên-giá trị và được phân tách bằng '=' (dấu bằng). Chúng được viết trong thẻ bắt đầu của một phần tử sau tên của phần tử

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác

Các thuộc tính HTML khác nhau

Dưới đây là các thuộc tính HTML khác nhau và cách chúng hoạt động chi tiết

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

Có bốn thuộc tính cốt lõi được sử dụng chủ yếu

• TÔI. Thuộc tính HTML này có thể dễ dàng được sử dụng để xác định duy nhất một phần tử có trong trang HTML. Id người dùng có thể được sử dụng khi một phần tử mang thuộc tính id làm mã định danh duy nhất, giúp có thể xác định phần tử và nội dung của nó hoặc phần tử này được sử dụng khi có hai phần tử có cùng tên trong một trang web. Thuộc tính ID có thể giúp dễ dàng xác định sự khác biệt giữa các phần tử có cùng tên
• Thuộc tính tiêu đề. Thuộc tính này thực hiện công việc đưa ra tiêu đề gợi ý cho một phần tử cụ thể. Nó phụ thuộc vào nhà cung cấp dịch vụ nó sẽ hoạt động như thế nào và mặc dù nó thường không được hiển thị dưới dạng chú giải công cụ bất cứ khi nào con trỏ đi qua phần tử hoặc nếu nó phải hiển thị nó khi phần tử đang tải. Nó cũng được sử dụng để giải thích một yếu tố khi di chuột qua nó. Hành vi có thể khác với các phần tử khác nhau và nói chung, giá trị của nó được hiển thị khi tải hoặc khi di chuột qua nó
• Thuộc tính lớp. Sự liên kết của thuộc tính này được thực hiện với một phần tử của biểu định kiểu. Người dùng cần chỉ định lớp của phần tử. Có thể tìm hiểu thêm về thuộc tính này khi Cascading Style sheet đang được học. Giá trị ở đây 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 kiểu. Thuộc tính này cho phép bạn chỉ định các quy tắc Cascading Style Sheet trong bất kỳ phần tử nào. Nó có thể cung cấp các hiệu ứng Cascading Style sheet khác nhau cho các phần tử HTML như tăng kích thước phông chữ. Nó cũng có thể thay đổi họ phông chữ và tô màu

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

• Dir: The dir attribute helps you in indicating to the browser the direction in which a text should follow. This attribute can usually take up two values. These can be LTR and RTL. LTR means left to right, and this is the default value, while RTL stands for the right to left. When this attribute is used within the tag, it determines how a text should be represented within the entire document. It can also be used to control the text’s direction from just the content of the tag.
• thuộc tính lang. Thuộc tính này giúp hiển thị ngôn ngữ chính được sử dụng trong tài liệu. Thuộc tính này có thể được giữ trong HTML để nó tương thích ngược với các phiên bản HTML trước đó. Nó cũng có thể đượ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à tiêu chuẩn ISO-639 và có mã ngôn ngữ gồm hai ký tự. Khai báo một ngôn ngữ rất quan trọng để truy cập ứng dụng và các công cụ tìm kiếm khác nhau
• Thuộc tính XML-Lang. Thuộc tính này được cho là thay thế cho thuộc tính lang. Giá trị của thuộc tính XML-lang phải có mã quốc gia như đã đề cập trước đó

3. Thuộc tính chung

• căn chỉnh thuộc tính. Thuộc tính này hữu ích khi bạn muốn có một số thành phần của trang theo ý muốn của bạn. Bạn có thể thay đổi căn chỉnh sang trái, phải hoặc giữa trang. Căn chỉnh mặc định cho tất cả các phần tử được đặt ở bên trái. Điều này có thể được thay đổi bằng cách sử dụng thuộc tính căn chỉnh này
• Src Attribute: If a user needs to insert an image into a web page, we need to use the
  • Alt Attribute: This attribute is used as an alternate tag that can be used to show something if the primary attribute is the
    • Href Attribute: This attribute is used when the user wants to direct a specific link to any address. This attribute is used along with the tag. When the link is placed in the href attribute where it is to be directed, it is linked to the text displayed within the tag. When the user clicks on this text, the user will be redirected to the link’s address. The default option is to open this page in the same tab. If you make use of the target attribute, then you can set its value to _blank. This will redirect to another tab or another window based on your browser’s configuration.

    4. Thuộc tính dữ liệu

    HTML cũng cung cấp các thuộc tính dữ liệu tùy chỉnh giúp bạn thêm thông tin liên quan đến bạn trong các thẻ HTML. Chúng không dành riêng cho HTML5 và có thể được sử dụng trên tất cả các phần tử HTML. Thuộc tính data -* giúp chúng tôi tùy chỉnh các thuộc tính dữ liệu tùy chỉnh của riêng mình;

    Để tùy chỉnh, dữ liệu được chia thành hai phần

    • Tên thuộc tính. Nó phải dài ít nhất một ký tự và không được có bất kỳ chữ in hoa nào. Tên này cũng có thể được thêm tiền tố bằng cách sử dụng 'data-'
    • Giá trị thuộc tính. Giá trị cho một thuộc tính có thể là bất kỳ chuỗi nào

    Cú pháp cho thuộc tính dữ liệu là như

     Gitanjali 

    5. Thuộc tính thuộc tính DOM

    Để có được các đối tượng NamedNodeMap, nên sử dụng các thuộc tính thuộc tính trong HTML DOM. Nó sẽ trả về nhóm các thuộc tính nút. NamedNodeMap cũng đại diện cho tập hợp các đối tượng thuộc tính và nó có thể được truy cập bằng số chỉ mục. Số chỉ mục này bắt đầu từ 0. Cú pháp để sử dụng đây là một nút. thuộc tính

    Giá trị được trả về là các đối tượng NamedNodeMap có trong tập hợp các nút. Nếu người dùng đang sử dụng Internet Explorer 8 hoặc bất kỳ phiên bản nào trước đó, thì thuộc tính thuộc tính sẽ trả về tất cả các thuộc tính có thể có cho bất kỳ phần tử nào và điều này có thể dẫn đến nhiều giá trị hơn dự kiến

    Ví dụ

    Mã số

    
    
    
    
    
    
    
    HTML DOM attributes Property
    
    
    Click Here!
    
    
    
    
    
    Button element attributes:
    
    
    
    
    
    The output for above program will be
    Button element attributes: 2

    6. Thuộc tính toàn cầu

    HTML cũng cung cấp các thuộc tính toàn cầu có thể được sử dụng với bất kỳ phần tử HTML nào

    • Khóa truy cập. Nó chỉ định một phím tắt để kích hoạt hoặc tập trung vào bất kỳ yếu tố nào
    • Dịch. Nếu thuộc tính này được sử dụng, nó chỉ định nội dung của phần tử có được dịch hay không
    • Lớp. Nó chỉ định một hoặc nhiều tên lớp cho một phần tử
    • Tiêu đề. Thuộc tính này chỉ định thông tin bổ sung về một phần tử
    • Có thể chỉnh sửa nội dung. Để chỉ định nội dung có thể chỉnh sửa được hay không, có thể sử dụng thuộc tính này
    • chỉ mục tab. Nó chỉ định thứ tự tab của một phần tử
    • thư mục. Nó chỉ định hướng văn bản cho bất kỳ nội dung nào của một phần tử
    • Kiểm tra chính tả. Người dùng có thể chỉ định rõ ràng nếu họ có phải kiểm tra chính tả và kiểm tra ngữ pháp hay không
    • Có thể kéo. Nó chỉ định xem một phần tử có thể kéo được hay không
    • Vùng Loại. Nó chỉ định liệu dữ liệu được kéo có được sao chép, di chuyển hoặc liên kết khi bị xóa hay không

    7. Thuộc tính sự kiện

    HTML có khả năng kích hoạt hành động khi một số sự kiện diễn ra

    • Đang tải. Nó kích hoạt sau khi trang tải xong
    • tin nhắn. Đây có thể nói là một script chạy khi thông báo được kích hoạt
    • lưu trữ. Đây là tập lệnh sẽ được chạy khi vùng lưu trữ web được cập nhật
    • lỗi. Tập lệnh này được chạy khi xảy ra lỗi
    • Onpagehide. Tập lệnh này có thể được sử dụng khi người dùng có thể điều hướng khỏi một trang

    8. Thuộc tính sự kiện biểu mẫu

    Các hành động bên trong biểu mẫu HTML kích hoạt các sự kiện này

    • làm mờ. Nó được kích hoạt ngay khi phần tử mất tiêu điểm
    • thay đổi. Nó được kích hoạt ngay khi giá trị của một phần tử thay đổi
    • oncontextmenu. Điều này được chạy khi một menu ngữ cảnh được kích hoạt
    • Vào trọng tâm. Nó được kích hoạt ngay khi phần tử được lấy tiêu điểm
    • đầu vào. Tập lệnh phải chạy khi phần tử nhận được đầu vào
    • tìm kiếm. Điều này được kích hoạt khi người dùng viết nội dung nào đó vào trường tìm kiếm
    • không hợp lệ. Điều này được kích hoạt khi một phần tử được nhập không hợp lệ

    9. Thuộc tính sự kiện chính

    • bật tắt. Nó được kích hoạt khi một phím đang được nhấn
    • nhấn phím. Điều này được kích hoạt khi một phím được nhấn
    • bật phím. Điều này được kích hoạt khi người dùng nhả một phím

    10. Thuộc tính sự kiện chuột

    • Trong một cái nhấp chuột. Điều này được kích hoạt khi nhấp chuột vào một phần tử
    • onmousemove. Điều này được kích hoạt khi con trỏ chuột đang di chuyển trong khi nó ở trên một phần tử
    • onmouseup. Nó được kích hoạt khi một nút chuột được nhả ra từ trên một phần tử
    • xe lắc. Nó được kích hoạt khi con lăn chuột cuộn lên hoặc xuống trên một phần tử

    11. Kéo thuộc tính sự kiện

    • Ondrag. Điều này được kích hoạt khi một phần tử được kéo
    • ondragleave. Tập lệnh được chạy khi một phần tử rời khỏi mục tiêu thả hợp lệ
    • Ondrop. Nó được kích hoạt khi phần tử được kéo đang bị bỏ
    • Onscroll. Tập lệnh được chạy khi thanh cuộn của phần tử đang được cuộn

    Phần kết luận

    HTML là công nghệ lâu đời nhất đang được sử dụng để tạo các ứng dụng web khác nhau. Theo thời gian HTML đã phát triển dần dần và cung cấp rất nhiều tính năng cho các phần tử có mặt. Nó cung cấp nhiều thuộc tính giúp làm cho ứng dụng hiệu quả hơn. Chúng bao gồm các thuộc tính cốt lõi là những thuộc tính cơ bản được sử dụng thường xuyên nhất. Nó cũng cung cấp các thuộc tính Quốc tế hóa cho phép thay đổi ngôn ngữ. Thuộc tính dữ liệu giúp lưu trữ dữ liệu và tùy chỉnh nó theo cách người dùng muốn. Với tất cả những thứ này, nó cũng có các thuộc tính toàn cầu có thể được sử dụng với bất kỳ phần tử nào và ở bất kỳ đâu. Nó cũng có các thuộc tính Sự kiện được kích hoạt khi bất kỳ loại sự kiện nào diễn ra

    Kết quả là, nó làm cho ứng dụng web hoặc trang web có tính tương tác cao. Do đó, HTML chứng tỏ vẫn còn trong trò chơi phát triển ứng dụng web do tất cả các tính năng này. Với những thứ này, thuộc tính kiểu có thể được sử dụng với CSS làm cho nó đẹp hơn và hấp dẫn hơn khi sử dụng. Vì vậy, hãy tận dụng tất cả các thuộc tính hiện có và có một ứng dụng web tuyệt vời theo lựa chọn của bạn một cách dễ dàng

    Bài viết được đề xuất

    Đây là hướng dẫn về Thuộc tính HTML. Ở đây chúng ta đã thảo luận về các khái niệm và các thuộc tính khác nhau của HTML tương ứng. Bạn cũng có thể xem các bài viết sau để tìm hiểu thêm –

    Thuộc tính HTML là gì và cho ví dụ?

    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..

    Danh sách thuộc tính HTML là gì?

    Thuộc tính list đề cập đến phần tử .

    3 loại thuộc tính trong HTML là gì?

    Thuộc tính đầu vào HTML .

    Thuộc tính giá trị. Thuộc tính giá trị đầu vào chỉ định giá trị ban đầu cho trường đầu vào. .

    Thuộc tính chỉ đọc. .

    Thuộc tính bị vô hiệu hóa. .

    Thuộc tính kích thước. .

    Thuộc tính maxlength. .

    Các thuộc tính tối thiểu và tối đa. .

    Thuộc tính lấy nét tự động. .

    Các thuộc tính chiều cao và chiều rộng

    10 thẻ HTML cơ bản với các ví dụ là gì?

    Đây là danh sách các thẻ HTML cơ bản của chúng tôi. .

    cho liên kết

    để in đậm văn bản. cho văn bản in đậm với dấu nhấn mạnh

    phần HTML chính

    
    để giải lao

    nó là một bộ phận hoặc một phần của tài liệu HTML

    . cho tiêu đề

    để tạo một văn bản in nghiêng

    cho hình ảnh trong tài liệu

    Đọc tiếp