Нужно ли оборачивать блок с заголовком?

Question

[Muvka]

Очень важный для меня вопрос. Нужно ли делать обертку для блока с подзаголовком, чтобы было семантически верно? И если нужно, стоит ли такой маленький блок оборачивать в section? Это я про заголовок "Социальные сети"

<section class="main__contacts contacts">
    <div class="contacts__container container">
      <h2 class="contacts__title title">Мои контакты</h2>
      <p class="contacts__intro">Честный</p>
      <dl class="contacts__list">
        <?php if (get_option('contact_address')) : ?>
        <dt class="contacts__caption contacts__caption--address">Мой адрес:</dt>
        <dd class="contacts__value"><?php echo get_option('contact_address'); ?></dd>
        <?php endif; ?>
        <?php if (get_option('contact_email')) : ?>
        <dt class="contacts__caption contacts__caption--mail">Моя почта:</dt>
        <dd class="contacts__value"><a href="mailto:<?php echo get_option('contact_email'); ?>" class="contacts__link"><?php echo get_option('contact_email'); ?></a></dd>
        <?php endif; ?>
        <?php if (get_option('contact_phone')) : ?>
        <dt class="contacts__caption contacts__caption--phone">Мой телефон:</dt>
        <dd class="contacts__value"><a href="tel:<?php echo clear_phone_number(get_option('contact_phone')); ?>" class="contacts__link"><?php echo get_option('contact_phone'); ?></a></dd>
        <?php endif; ?>
      </dl>
      <h3 class="contacts__subtitle">Социальные сети</h3>
      <!-- noindex -->
      <ul class="contacts__socials socials">
        <?php if (get_option('contact_facebook')) : ?>
        <li class="socials__item"><a href="<?php echo get_option('contact_facebook'); ?>" target="_blank" class="socials__link socials__link--fb" rel="nofollow noopener noreferrer" aria-label="Фейсбук">Фейсбук</a></li>
        <?php endif; ?>
        <?php if (get_option('contact_vk')) : ?>
        <li class="socials__item"><a href="<?php echo get_option('contact_vk'); ?>" target="_blank" class="socials__link socials__link--vk" rel="nofollow noopener noreferrer" aria-label="Вконтакте">Вконтакте</a></li>
        <?php endif; ?>
        <?php if (get_option('contact_instagram')) : ?>
        <li class="socials__item"><a href="<?php echo get_option('contact_instagram'); ?>" target="_blank" class="socials__link socials__link--ig" rel="nofollow noopener noreferrer" aria-label="Инстаграм">Инстаграм</a></li>
        <?php endif; ?>
        <?php if (get_option('contact_youtube')) : ?>
        <li class="socials__item"><a href="<?php echo get_option('contact_youtube'); ?>" target="_blank" class="socials__link socials__link--yt" rel="nofollow noopener noreferrer" aria-label="Ютуб">Ютуб</a></li>
        <?php endif; ?>
      </ul>
      <!-- /noindex -->
    </div>
  </section>

Answer 1

[WapSter]

Можно, ведь для section обязателен заголовок внутри, а нужно ли это вам решать. Погоды этот момент не сделает.

Comments

[Muvka]

Для стилизации мне эта обертка не нужна. Мне именно нужно знать - семантически это правильно или нет. HTML валидатор не ругается. HTML tree от yoksel тоже. Но на душе неспокойно)

[WapSter]

Muvka, семантически верно. Но повторюсь не особо важно. Очень важных блоков не особо много заголовки, формы, ссылки, особые теги time, article. Некоторые атрибуты очень важны. Но ваш момент валиден главное, семантичен и просто все на этом

[Muvka]

Тимур Турсунбаев, Перечитываю ответ и уточню - вы заметили, что у меня h2 и h3 в одном блоке. И что я про h3 спрашиваю, правильно ли сделал)

[WapSter]

Muvka, видел