Правильно ли это использование тега H2?

Question

Я использую тег h2 таким образом. Является ли это использование тега H2 правильным?

<h2><a href="#w" style="margin-left:20px;">What is this?</a></h2> 
<h2><a href="#h" style="margin-left:20px;">How much does it cost?</a></h2> 


<p class="title-faq"><h2>What is this?</h2></p> 

Answer 1

Нецелесообразно использовать тег, который означает «заголовок» в тексте тела. Теги являются логическими тегами; их использование придает смысл прилагаемому тексту, а именно, что текст является заголовком раздела.

Хотя вы можете использовать атрибут display: inline, подумайте об использовании более подходящего тега или даже тега.

Помимо этого, и чтобы ответить на ваш вопрос, h2 является элементом уровня блока. Делая это элемент уровня инлайн заставит его вести себя так же, как вы описали б тег, действующий

SEE HERE

Answer 2

Первые два в порядке, вы поместите тег H2 вне тега. Тем не менее, тег P обозначает абзац текста, поэтому вы должны поместить свой тег заголовка перед этим тегом P.

Answer 3

Нет. Когда у вас есть два заголовка того же уровня подряд, для чего первым будет заголовок?

Использование ссылки внутри заголовка технически разрешено, но плохое удобство использования. Заголовки обычно предназначены для ссылок, а не для кликов.

Верстка h2 внутри p даже не синтаксический действительный, или возможно: браузер подразумевает закрытие </p> когда p элемента открыт и <h2> тега встречается.

Это также плохо для ремонтопригодности и модификации, чтобы использовать встроенные стили (например, здесь, в style attribuets).