швидке запитання: чи дійсно дозволено використовувати тег заголовка двічі? наприклад, у мене є два важливі розділи заголовка в моєму header.php, де обидва можуть мати тег заголовка?
Відповіді:
Так, але з уловом. У документах W3 зазначено, що теги представляють області верхнього та нижнього колонтитулів їх найближчого розділу-предка. Я б рекомендував мати стільки, скільки вам потрібно, але лише 1 з кожного для кожного "розділу" вашої сторінки, тобто тексту, розділу тощо.
З W3
Елемент заголовка зазвичай містить заголовок розділу (елемент h1 – h6 або елемент hgroup), але це не потрібно. Елемент заголовка також може бути використаний для обгортання змісту розділу, форми пошуку або будь-яких відповідних логотипів.
===========================
Елемент нижнього колонтитула представляє нижній колонтитул для найближчого вмісту розділу або кореневого елемента розділу. Нижній колонтитул зазвичай містить інформацію про його розділ, наприклад, хто його написав, посилання на відповідні документи, дані про авторські права тощо.
Ось посилання на відповідну стандартну документацію: верхній і нижній колонтитули
<section> <header><h1>...<h1></header> <section class="subsection"> <header class="subsection-header"><h2>...</h2> </header> </section> </section>
<header>елемент не може бути нащадком іншого <header>елемента. "Дозволені батьки: Будь-який елемент, який приймає вміст потоку. Зверніть увагу, що елемент <header> не повинен бути нащадком <address>, <footer> або іншого елемента <header>." - developer.mozilla.org/en-US/docs/Web/HTML/Element/header
<body>, <nav>, <section>, <article>, і <aside>. Кожен елемент секціонування може мати лише один <header>і один, <footer>пов’язаний з ним. Немає сенсу для розділу мати більше одного верхнього або нижнього колонтитула.
<body>це НЕ розділ елемента в відповідно до цієї сторінки . 2. Якщо немає чіткої документації, що для одного елемента розділу дозволено лише один <header>і один <footer>, це лише ваша думка. Будь ласка, не заявляйте, що це правило.
Так, ви можете використовувати кілька headerелементів у своїх документах на підставі документації w3c :
Елемент заголовка зазвичай містить заголовок розділу (елемент h1 – h6 або елемент hgroup), але це не потрібно. Елемент заголовка також може бути використаний для обгортання змісту розділу, форми пошуку або будь-яких відповідних логотипів.
Однак переконайтесь, що він є семантично правильним.
За використання двох тегів заголовка не застосовується штраф, але переконайтеся, що це має сенс.
Щасливого кодування!
У певній ситуації цілком можливо поставити два <header>в одиночку <article>/ <section>ось так, то чому б і ні.
<article>
<!-- Feature Image on the LEFT -->
<div class="position-left">
...featrue image...
<header>
...H1 title ...
</header>
</div>
<!-- Content on the RIGHT with subtitle, date, etc -->
<div class="position-right">
<header>
..date, sub-title, etc...
</header>
...content...
<footer>..</footer>
</div>
</article>
<div>s <article>S або <section>S тоді?
Ви можете помістити два <header>теги у свій документ, звичайно. Однак семантично це неправильно. Чому б не використовувати один <header>тег, а всередині використовувати інший тег?
headerелементів в одному розділі вмісту / кореневого елемента.