Adakah Sah untuk Menyarangkan Elemen Perenggan Di Dalam Teg Tajuk dalam HTML5?

Bolehkah Anda Sarang Perenggan dalam Tajuk dalam HTML5? (P dalam H1)

Soalan:

Adakah sah untuk menggunakan elemen perenggan (P) dalam teg tajuk (H1) dalam HTML5?

Jawapan:

Tidak, ia tidak sah mengikut garis panduan W3C. Elemen pengepala hendaklah mengandungi hanya "kandungan frasa", yang termasuk elemen seperti A, EM dan SPAN.

Kelemahan Penggunaan Perenggan Bersarang:

• Enjin carian mungkin menghuraikan tajuk dengan salah, kehilangan data penting. Ini boleh memberi kesan kepada SEO.
• Ia melanggar prinsip "semantik dahulu, pembentangan kemudian" dalam HTML, kerana perenggan tidak berkaitan secara semantik dengan tajuk.

Pilihan Penggayaan Alternatif :

Jika anda perlu menggayakan elemen dalam tajuk, gunakan elemen yang sah seperti SPAN sebaliknya. Anda kemudiannya boleh menggunakan gaya CSS pada elemen ini seperti 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;
}

Pendekatan ini menggunakan penanda semantik sambil membenarkan anda menggayakan elemen seperti yang dikehendaki. Ingat untuk melaraskan pemilih CSS mengikut keperluan untuk kes penggunaan khusus anda.

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