Các phần tử tiêu đề được sử dụng để viết các tiêu đề trong trang web, trong khi thẻ p chỉ dành cho văn bản thuần túy. Tất cả các Tiêu đề đều được in đậm và các yếu tố cấp độ khối
Kích thước phông chữ của tất cả các tiêu đề giảm dần. Ví dụ h1 gấp đôi p, h2 là 1. 5% thẻ p, h3 là 1. 17% thẻ p và thẻ h4 và p có cùng kích thước phông chữ. h5 và h6 nhỏ hơn thẻ p
- Tiêu đề HTML
- Thẻ H1
- Thẻ H2
- Cách sử dụng tiêu đề trong html
Ví dụ về tiêu đề HTML
- Heading 1 [
]
- Heading 2 [
]
- Heading 3 [
]
- Heading 4 [
]
- Heading 5 [ ]
- Heading 6 [ ]
Mã tiêu đề
Ví dụ tiêu đề Html
tiêu đề 1
tiêu đề 2
tiêu đề 3
tiêu đề 4
tiêu đề 5
tiêu đề 6
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
HTML h1 tag
H1 tag or
is the main heading or level one heading of a webpage. Search engines like Google, yahoo, bing etc gives maximum priority to the h1 element. As per search engine parameters, h1 tag should be used only once in a webpage. Default Font size of h1 element is 2em.
tiêu đề 1
Heading 1
HTML h2 tag
H2 tag or
is the sub heading of h1 element. It is recommended to use headings in proper order for better search results.
tiêu đề 2
Heading 2
Ví dụ về tiêu đề HTML
Trong ví dụ dưới đây, chúng tôi đang xây dựng một trang web với title và h1 Thiết kế web. Trong phần nội dung, chúng ta sẽ bắt đầu với thẻ h1 trước, sau đó là các tiêu đề khác
Ngoài ra, bạn có thể quyết định đặt phần tử bên cạnh hình miễn là có đủ chỗ. Chiều rộng tối thiểu cần thiết được chỉ định là
Biểu định kiểu [hoặc mặc định của trình duyệt] có thể cung cấp độ rộng tối thiểu mặc định cho từng loại phần tử dạng khối
Số thứ tự SEQNUMA được liên kết với từng cấp tiêu đề từ cấp cao nhất [H1] đến cấp thấp nhất [H6]. Thuộc tính này được sử dụng để đặt số thứ tự được liên kết với cấp tiêu đề của phần tử hiện tại thành một số nhất định, e. g. SEQNUM=10. Thông thường, số thứ tự được khởi tạo bằng 1 ở đầu tài liệu và tăng dần sau mỗi phần tử tiêu đề. Nó được đặt lại thành 1 bởi bất kỳ phần tử tiêu đề nào ở cấp độ cao hơn, e. g. một tiêu đề H1 đặt lại số thứ tự cho H2 đến H6. Kiểu đánh số tiêu đề được kiểm soát bởi biểu định kiểu. SKIPTăng số thứ tự trước khi kết xuất phần tử. Nó được sử dụng khi các tiêu đề đã bị loại khỏi trình tự. Chẳng hạn, SKIP=3 tăng số thứ tự qua 3 mục bị bỏ qua. DINGBATSChỉ định một hình ảnh mang tính biểu tượng xuất hiện trước tiêu đề. Biểu tượng được chỉ định làm tên thực thể. Danh sách các tên thực thể biểu tượng tiêu chuẩn cho HTML 3. 0 được đưa ra trong phần phụ lục của thông số kỹ thuật này. SRCSChỉ định một hình ảnh xuất hiện trước tiêu đề. Hình ảnh được chỉ định làm URI. Thuộc tính này có thể xuất hiện cùng với thuộc tính MD. MDSChỉ định thông báo tóm tắt hoặc tổng kiểm tra mật mã cho đồ họa liên quan được chỉ định bởi thuộc tính SRC. Nó được sử dụng khi bạn muốn chắc chắn rằng một đối tượng được liên kết thực sự giống với đối tượng mà tác giả dự định và không bị sửa đổi theo bất kỳ cách nào. Chẳng hạn, MD="md5. jV2OfH+nnXHU8bnkPAad/mSQlTDZ", chỉ định tổng kiểm tra MD5 được mã hóa dưới dạng chuỗi ký tự base64. Thuộc tính MD thường được phép cho tất cả các phần tử hỗ trợ liên kết dựa trên URI. NOWRAPThuộc tính NOWRAP được sử dụng khi bạn không muốn trình duyệt tự động ngắt dòng. Sau đó, bạn có thể chỉ định rõ ràng ngắt dòng trong tiêu đề bằng cách sử dụng phần tử BR. Ví dụ.This heading has wordwrap turned offcác Hns sau có kích thước nhỏ dần. Trong CSS, bạn có thể xác định cỡ chữ, độ đậm và màu sắc của mỗi tiêu đề Hn.
and the BR element is used for explicit line breaks
Cảnh báo. Thẻ Hn về cơ bản là dành cho SEO, không phải cho mục đích thiết kế.
Cấu trúc thẻ H1, H2, H3
Hãy nhớ rằng tiêu đề của bạns phải là . Nếu chúngorganized. If they aren't thì độc giả, rô-bốt hay thậm chí là bạn sẽ bị lạc trong cấu trúc! Đây’s cách sử dụng thẻ Hn.
Đối với một bài báo hoặc trang web, hãy nhớ rằng . H1 title is the most important section. H2 và H3 được sử dụng để tổ chứcze các phần phụ, trong khi H4, H5 và H6 nhằm cung cấp . more details.
Vai trò của thẻ Hn là gì?
Việc gắn thẻ Hn có 3 mục đích.
- Nó giúp người viếtcấu trúc ý tưởng và tạo bản đồ nội dung,
- Nó cho phép người đọcs nhanh chóng lướt qua