Adakah Sah untuk Memasukkan Elemen Perenggan Dalam Teg Tajuk dalam HTML5?

Kesahihan Elemen Perenggan dalam Teg Tajuk

Apakah kewajaran memasukkan elemen perenggan dalam teg pengepala dalam HTML5? Pertimbangkan penanda berikut:

<h1>
    <p class="major">Major part</p>
    <p class="minor">Minor part</p>
</h1>

Kesahihan dan Kelemahan

Menurut W3C, penandaan tersebut adalah tidak sah. Elemen pengepala hendaklah mengandungi "kandungan frasa", termasuk elemen seperti "a," "em," "kod" dan "span". Menggunakan perenggan (atau, salah, elemen peringkat blok) boleh mengakibatkan penghuraian yang salah dan menghalang pengoptimuman enjin carian.

Pendekatan Alternatif

Untuk menggayakan elemen pengepala sambil mengekalkan kesahihan , pertimbangkan untuk menggunakan penanda dan CSS berikut:

<h1>
    <span class="major">Major part</span>
    <span class="minor">Minor part</span>
</h1>

h1 span {
    display: block;
}
h1 span.major {
    font-size: 50px;
    font-weight: bold;
}
h1 span.minor {
    font-size: 30px;
    font-style: italic;
}

Penanda ini membenarkan pemaparan peringkat blok bagi rentang sambil mengekalkan kesahihan dan membenarkan penggayaan semantik.

Semantik Pertimbangan

Walaupun sah, menggunakan perenggan dalam tajuk secara semantik tidak betul. HTML mengutamakan semantik dan harus mencerminkan struktur logik kandungan. Tajuk hendaklah menyampaikan topik atau bahagian utama dokumen, bukan mengandungi perenggan.

Atas ialah kandungan terperinci Adakah Sah untuk Memasukkan Elemen Perenggan Dalam Teg Tajuk dalam HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!