Các loại thẻ HTML và công dụng của chúng

Các thẻ HTML là các hướng dẫn đơn giản cho trình duyệt web biết cách định dạng văn bản. Bạn có thể sử dụng thẻ để định dạng chữ nghiêng, ngắt dòng, đối tượng, dấu đầu dòng, v.v.  

Show

Các thẻ này nằm trong HTML (hoặc Ngôn ngữ đánh dấu siêu văn bản) của mọi trang web. Đặt, HTML là ngôn ngữ của các trang web.  

Các trang web đọc các thẻ HTML như thế nào?

Máy chủ đọc mã HTML để hiểu và hiển thị nội dung. Nó sẽ đọc HTML từ trên xuống dưới, giống như cách bạn đang đọc hướng dẫn này.  

Bạn có thể sử dụng bao nhiêu thẻ tùy thích để định dạng nội dung. Tuy nhiên, có một số thẻ và quy tắc HTML cần thiết mà bạn cần tuân theo.  

Một thẻ HTML phải chứa ba phần

  1. Thẻ mở — thẻ này sẽ bắt đầu bằng ký hiệu < >
  2. Nội dung — hướng dẫn ngắn về cách hiển thị phần tử trên trang
  3. Thẻ đóng — thẻ này sẽ kết thúc bằng ký hiệu

Tuy nhiên, một số thẻ HTML có thể không được đóng. Điều đó có nghĩa là thẻ HTML không cần đóng bằng dấu . Thông thường, bạn sẽ sử dụng thẻ chưa đóng cho siêu dữ liệu hoặc ngắt dòng.  

Sự khác biệt giữa Thuộc tính và Thẻ HTML là gì?

Mặc dù hướng dẫn này là tất cả về các thẻ HTML, nhưng điều quan trọng là phải biết sự khác biệt giữa các thẻ, thành phần và thuộc tính HTML

Phần tử HTML là một mục trên trang; . Thẻ HTML ảnh hưởng đến cách một phần tử HTML xuất hiện. Một thuộc tính HTML mô tả các đặc điểm của phần tử đó

Dưới đây là bảng phân tích về cách các phần tử, thẻ và thuộc tính phối hợp với nhau

  • HTML tags contain instructions on how to display an on-page element. They begin with a < and end with a > and precede and follow the content of the element. (e.g Bold Tag )
  • HTML Elements are the on-page content sandwiched within the tags. ( Bold Tag
  • HTML Attributes provide additional information about HTML elements and appear at within the HTML tag (e.g. ). 

Loại

Thẻ HTML

Phần tử HTML

Thuộc tính HTML

Chứa đựng

Hướng dẫn cách hiển thị một yếu tố trên trang

Nội dung trên trang sẽ được hiển thị

Thông tin bổ sung về các yếu tố trên trang

Vẻ bề ngoài

Nó bắt đầu bằng < và kết thúc bằng >

Bị kẹp trong một thẻ HTML

Xuất hiện trong thẻ bắt đầu trước bất kỳ phần tử nào

Ví dụ về thẻ HTML

Thẻ đoạn văn

The

and

are the HTML tags and “Paragraph Tag” is the HTML element, i.e. the on-page text. 

This tag formats any text between the opening

tag and the closing

tag as a standard paragraph or main body text. 

Thẻ tiêu đề

In this example,

and

are the HTML tags and “Heading Tag” is the HTML element, i.e. the on-page heading. 

Using this tag will format any text between the opening

tag and the closing

tag as a Heading 2 (a type of subheading.) 

Thẻ in đậm

Here the and are the HTML tags and “Bold Tag” is the HTML element, i.e. the on page text. 

This tag will format any text between the opening tag and the closing tag as bold.

Thẻ nghiêng

Here, the and are the HTML tags and “Italic Tag” is the HTML element (the on-page text.)

This tag will format any text between the opening tag and the closing tag as italic.

Thẻ gạch dưới

Here the and are the HTML tags and “Underline Tag” is the HTML element, i.e. the on page text. 

This tag will format any text between the opening tag and the closing tag as underlined.

Các thẻ HTML phổ biến nhất

Có gần 100 loại thẻ HTML khác nhau mà bạn có thể sử dụng cho các trang web của mình. Dưới đây là danh sách các thẻ HTML phổ biến nhất

Nhãn

Loại

nó là gì

Thẻ văn bản HTML

Đoạn văn

Thẻ văn bản HTML

tiêu đề 1

Thẻ văn bản HTMLtiêu đề 2Thẻ văn bản HTMLtiêu đề 3Thẻ văn bản HTMLtiêu đề 4Thẻ văn bản HTMLtiêu đề 5Thẻ văn bản HTMLtiêu đề 6Thẻ văn bản HTMLMạnhThẻ văn bản HTMLnhấn mạnhThẻ văn bản HTMLviết tắtThẻ văn bản HTMLThông tin liên lạcThẻ văn bản HTMLGhi đè hướng văn bản hiện tạiThẻ văn bản HTMLNội dung từ nguồn khácThẻ văn bản HTMLTên Tác Phẩm, Cuốn Sách, Trang WebThẻ văn bản HTMLbáo giá nội tuyến (adsbygoogle = window.adsbygoogle || []).push({}); Thẻ văn bản HTMLHiển thị một phần mã lập trìnhThẻ văn bản HTMLĐã chèn văn bảnThẻ văn bản HTMLVăn bản đã bị xóa khỏi tài liệuThẻ văn bản HTMLThuật ngữ được xác định trong một câu/cụm từThẻ văn bản HTMLĐầu vào bàn phímThẻ văn bản HTMLVăn bản được định dạng trướcThẻ văn bản HTMLĐầu ra mẫu của một chương trình máy tínhThẻ văn bản HTMLTên biến được sử dụng trong ngữ cảnh toán học hoặc lập trìnhThẻ văn bản HTMLNgắt dòng đơnThẻ văn bản HTMLPhân côngThẻ liên kết HTMLThẻ neo cho một liên kếtThẻ liên kết HTMLUrl cơ sở cho tất cả các Url tương đối trong tài liệuThẻ đối tượng và hình ảnh HTMLHình ảnhThẻ đối tượng và hình ảnh HTMLDiện tích của một bản đồ hình ảnh (adsbygoogle = window.adsbygoogle || []).push({}); Thẻ đối tượng và hình ảnh HTMLBản đồ hình ảnhThẻ đối tượng và hình ảnh HTMLParameter For An ElementThẻ đối tượng và hình ảnh HTMLNhúng một đối tượngThẻ danh sách HTMLDanh sách không có thứ tựThẻ danh sách HTMLDanh sách được yêu cầuThẻ danh sách HTMLDanh sáchThẻ danh sách HTMLDanh sách mô tảThẻ danh sách HTMLThuật ngữ trong danh sách mô tảThẻ danh sách HTMLĐịnh nghĩa/Mô tả của một thuật ngữ trong danh sách mô tảĐể có danh sách đầy đủ tất cả hơn 100 phần tử HTML, hãy truy cập hướng dẫn hữu ích này từ javaTpointCách kiểm tra thẻ HTML của trang web của bạn

Nếu bạn đã có các thẻ HTML trên các trang web của mình và muốn kiểm tra xem chúng có được sử dụng đúng cách hay không, bạn có thể làm như vậy bằng cách xem HTML của trang của mình. Để làm điều này, tất cả những gì bạn cần là trình duyệt web của bạn

Để xem HTML của trang web của bạn, bạn nên

  1. Nhấp chuột phải khi đang ở trên trang web của bạn trong Google Chrome
  2. Nhấp vào 'Kiểm tra'
  3. Bạn sẽ thấy mã HTML trong hộp ở bên cạnh hoặc cuối trang của mình
  4. Sử dụng Ctrl + F để tìm các thẻ hoặc thành phần cụ thể

Để kiểm tra xem trang web của bạn có sử dụng đúng các thẻ HTML hay không, bạn có thể thực hiện kiểm tra SEO cho trang web của mình. Các công cụ của bên thứ ba như công cụ Kiểm tra trang web có thể kiểm tra xem các thuộc tính và thẻ HTML cơ bản có chính xác hay không và liệu các trang của bạn có sử dụng quá nhiều HTML hay không

Để thực hiện kiểm tra SEO bằng công cụ Kiểm tra trang web, trước tiên bạn cần tạo một dự án cho miền của mình. Nếu bạn đã có dự án, hãy chọn tùy chọn “Kiểm tra trang web” từ bảng điều khiển dự án của bạn

Công cụ sẽ nhắc bạn nhập miền mục tiêu của mình và định cấu hình mọi cài đặt bổ sung

Các loại thẻ HTML và công dụng của chúng

Sử dụng cài đặt công cụ để đặt phạm vi thu thập dữ liệu, không cho phép URL hoặc cung cấp quyền truy cập trang web bổ sung. Chọn “Bắt đầu kiểm tra trang web. ” Công cụ sẽ thông báo cho bạn khi quá trình kiểm toán hoàn tất

Sau khi hoàn thành, bạn sẽ được chuyển hướng đến báo cáo tổng quan về Kiểm toán trang web, nơi bạn sẽ có chế độ xem cấp cao về bất kỳ vấn đề nào của trang web

Các loại thẻ HTML và công dụng của chúng

Chọn tab "Sự cố" để xem chi tiết hơn về bất kỳ sự cố HTML nào. Công cụ này cũng cung cấp các đề xuất về cách khắc phục từng vấn đề

Suy nghĩ cuối cùng

Hiểu HTML không cần phải phức tạp. Với cheat sheet trong hướng dẫn này, bạn nên xác định và triển khai các thẻ HTML cho các trang web của mình.  

Cần thêm thông tin chi tiết về các thuộc tính HTML và cách khắc phục chúng?

Để biết thêm thông tin về cách thực hiện kiểm tra trang web và kiểm tra HTML của trang web, hãy xem hướng dẫn của chúng tôi để thực hiện kiểm tra SEO đầy đủ trong 18 bước

Các loại thẻ khác nhau trong HTML là gì?

HTML cơ bản

Các thẻ HTML và công dụng của chúng là gì?

Thẻ HTML là các hướng dẫn đơn giản cho trình duyệt web biết cách định dạng văn bản . Bạn có thể sử dụng thẻ để định dạng chữ nghiêng, ngắt dòng, đối tượng, dấu đầu dòng, v.v. Các thẻ này nằm trong HTML (hoặc Ngôn ngữ đánh dấu siêu văn bản) của mọi trang web. Đặt, HTML là ngôn ngữ của các trang web.

20 thẻ trong HTML là gì?

Loại tài liệu html >, , v.v.

8 thẻ HTML cơ bản là gì?

8 trong số các Thẻ HTML quan trọng nhất cho SEO .
thẻ tiêu đề. Thẻ tiêu đề được sử dụng để thiết lập các tiêu đề có thể nhấp mà bạn thấy trong SERP. .
thẻ mô tả meta. .
Thẻ tiêu đề (H1-H6). .
Văn bản thay thế hình ảnh. .
đánh dấu lược đồ. .
Thẻ ngữ nghĩa HTML5. .
Thẻ meta robot. .
thẻ chính tắc