Пользовательское объявление выше содержимого веб-сайта. Требуется правильный стандартный семантический формат

До недавнего времени мой сайт следил за правильными семантическими стандартами с тегами H1 перед тегами H2 и H3.

Теперь на моем сайте меня попросили поставить рекламу фестиваля для владельца в верхней части страницы перед любым содержанием страницы.

Сама реклама кодирования содержит тег DIV и содержит тег H3 для заголовка и абзацев текста и изображения, но реклама не имеет никакого отношения к сайту.

Кодирование в грубой форме для рекламы выглядит следующим образом:

<div><h3>Advertisement title</h3><p>Advertisement detailed text information</p></div>

И кодировка сайта в грубой форме, исключая раздел заголовка тегов html и body, выглядит следующим образом:

<h1>Title of page</h1><h2>Subtitle</h2><p>Main page content</p>

Но когда я добавляю рекламу в верхней части страницы по просьбе владельца, пример кода на моей странице выглядит примерно так:

<div><h3>Advertisement title</h3><p>Advertisement detailed text information</p></div>
<h1>Title of page</h1><h2>Subtitle</h2><p>Main page content</p>

Это, в свою очередь, нарушает стандарты, поскольку H3 предшествует H1 и H2.

Как я могу наилучшим образом решить это стандартным способом, все еще уделяя особое внимание рекламе? Я думал о замене тега H3 тегом P и его стилизацией, но я не уверен, что этого достаточно для соответствия стандартам, таким как рекомендации по качеству веб-мастеров Google (или любых других поисковых систем).

2 голоса | спросил Mike 22 AM00000010000003731 2015, 01:15:37

3 ответа


1

Один из вариантов - разместить рекламу в конце вашего HTML (возможно, непосредственно перед </body>) и поместить ее вверху с помощью CSS.

Что-то вдоль линий

#advertisement {
    position: absolute;
    top: 0;
    height: 120px;
}
body {
    padding-top: 120px;
}

Вероятно, потребуется больше, но это должно дать вам идею.

ответил Cai 21 stEurope/Moscowp30Europe/Moscow09bEurope/MoscowMon, 21 Sep 2015 20:50:10 +0300 2015, 20:50:10
0

Используйте CSS, скопируйте класс, который вы сейчас применяете к H3, а затем воспроизведите его в пользовательском классе и примените его к рекламе в

или любой другой элемент, отличный от заголовка.

ответил Andrés Navarro 22 PM000000120000005131 2015, 12:54:51
0

Мой совет - пойти на решение, которое CAI дал вам, а не тратить на него курсор, вы можете сохранить объявление в каждом блочном элементе, который всплывает у вас в голове, это может быть em может быть p это может быть что угодно, и позиционирование его с помощью CSS делает идеальный смысл.

ответил knif3r 19 FebruaryEurope/MoscowbFri, 19 Feb 2016 18:26:23 +0300000000pmFri, 19 Feb 2016 18:26:23 +030016 2016, 18:26:23

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132