Какова будет правильная разметка в этой ситуации (заголовок страницы и «корневая линия»)?

Question

Итак, в моем текущем проекте, когда вы переходите на страницу «команды», которая имеет путь /home/about/company/team/, заголовок страницы выглядит так:

/home/about/company/    <--- this is what i call the "rootline"
TEAM                    <-- this is the title of the current page

... content goes here ...

Моя текущая разметка выглядит так:

<h1>TEAM</h1>
<h2>/home/about/company/</h2>

<div id="content"> 
    <h3>Content Headline</h3>
    ... 
</div>

Но кажется неправильным заключать корневую строку в теги h2. На самом деле, это не заголовок, верно? Каково ваше мнение о том, как создать хороший, семантический HTML в этом случае?

Answer 1

Не имеет значения, что вы завернули его в H2. Это семантически хорошо. Вот что W3C говорит о тегах заголовков (H1 - H6) -

Элемент заголовка кратко описывает тему вводимого раздела. Информация о заголовке может использоваться пользовательскими агентами, например, для автоматического создания оглавления для документа.

Ваш H2 - это подраздел H1. то есть: H1 описывает тему страницы, H2 описывает местоположение. Работает нормально, на мой взгляд.