Ang pangunahing problema na nauugnay sa mga heading ng HTML ay hindi palaging ginagamit nang tama ang mga ito. Dapat gamitin ang mga heading upang buuin ang nilalaman sa isang page, ngunit kadalasang ginagamit ang mga ito para sa mga layunin ng pag-istilo. Maaari itong humantong sa pagkalito at mahinang accessibility para sa mga user na umaasa sa mga screen reader o iba pang mga pantulong na teknolohiya. Bukod pa rito, kung ang mga heading ay hindi maayos na nakalagay sa pagkakasunud-sunod ng kahalagahan, maaari itong maging mahirap para sa mga search engine na tumpak na i-index ang nilalaman ng isang pahina.

Pamagat 1

Pamagat 2

Pamagat 3

Pamagat 4

Pamagat 5

Pamagat 6

1. Lumilikha ang linyang ito ng heading 1 na elemento, na siyang pinakamalaking laki ng heading:

Pamagat 1

2. Lumilikha ang linyang ito ng heading 2 element, na isang sukat na mas maliit kaysa sa una:

Pamagat 2

3. Lumilikha ang linyang ito ng heading 3 elemento, na isang sukat na mas maliit kaysa sa pangalawa:

Pamagat 3

4. Lumilikha ang linyang ito ng heading 4 na elemento, na isang sukat na mas maliit kaysa sa pangatlo:

Pamagat 4

5. Lumilikha ang linyang ito ng heading 5 na elemento, na isang sukat na mas maliit kaysa sa ikaapat:

Pamagat 5

6. Lumilikha ang linyang ito ng heading 6 na elemento, na pinakamaliit sa lahat ng heading:

Pamagat 6

HTML heading

Ang mga heading ng HTML ay ginagamit upang tukuyin ang istraktura at hierarchy ng isang web page. Sila ay mula sa

sa

, Na may

pagiging pinakamahalagang heading at

pagiging hindi gaanong mahalaga. Dapat gamitin ang mga heading upang hatiin ang mga seksyon ng nilalaman, na ginagawang mas madali para sa mga mambabasa na i-scan at maunawaan ang nilalaman. Bilang karagdagan, ang mga search engine ay gumagamit ng mga heading upang mas maunawaan ang nilalaman sa isang pahina, kaya ang paggamit ng mga ito nang tama ay maaaring makatulong na mapabuti ang SEO.

Mga antas ng heading

Sa HTML, mayroong anim na antas ng mga heading na maaaring magamit upang buuin ang nilalaman. Ang mga heading na ito ay mula sa

(ang pinakamahalaga) sa

(hindi gaanong mahalaga). Ang laki ng teksto ng bawat heading ay tinutukoy ng browser, ngunit sa pangkalahatan,

ay ang pinakamalaki at

ay ang pinakamaliit.

Mahalaga ang mga heading para sa pagiging naa-access at mga layunin ng SEO dahil tinutulungan nila ang mga user at search engine na maunawaan ang istruktura ng isang page. Dapat gamitin ang mga ito upang lumikha ng hierarchy sa isang page upang mabilis na ma-scan at mahanap ng mga user ang kanilang hinahanap.

Bakit may 6 na heading lang ang HTML

Ang HTML ay mayroon lamang 6 na heading sa HTML dahil ito ay idinisenyo upang magbigay ng istraktura at kahulugan sa mga web page. Ang mga heading ay ginagamit upang lumikha ng isang hierarchy ng nilalaman, na ginagawang mas madali para sa mga gumagamit na maunawaan ang istraktura ng pahina at mabilis na mahanap ang impormasyon na kanilang hinahanap. Ang anim na heading ay h1, h2, h3, h4, h5 at h6. Ang bawat heading ay may iba't ibang antas ng kahalagahan, na ang pinakamahalaga ay isang h1 tag at ang hindi gaanong mahalaga ay isang h6 tag. Nagbibigay-daan ito sa mga web developer na lumikha ng malinaw na hierarchy ng nilalaman sa kanilang mga pahina.

Paano gamitin ang H1 H2 H3 tag sa HTML

Ang mga tag na H1, H2, at H3 ay ginagamit upang lumikha ng mga heading sa HTML.

H1: Ang H1 tag ay ang pinakamataas na antas ng heading at dapat gamitin para sa pangunahing pamagat ng isang page. Dapat itong gamitin nang matipid at isang beses lamang bawat pahina.

H2: Ang H2 tag ay ang pangalawang pinakamataas na antas ng heading at dapat gamitin para sa mga subheading sa loob ng pangunahing nilalaman ng isang page. Maaari itong magamit nang maraming beses bawat pahina.

H3: Ang H3 tag ay ang ikatlong pinakamataas na antas ng heading at dapat gamitin para sa mga subheading sa loob ng mga seksyon ng nilalaman sa isang pahina. Maaari rin itong gamitin ng maraming beses bawat pahina.

Kapag ginagamit ang mga tag na ito, mahalagang tandaan na ang mga ito ay hierarchical; ibig sabihin, ang isang H2 ay dapat palaging susunod sa isang H1, isang H3 pagkatapos ng isang H2, atbp. Nakakatulong ito na lumikha ng isang lohikal na istraktura sa iyong nilalaman na ginagawang mas madali para sa mga user na mag-navigate sa iyong website o mga webpage.