X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Разное оформление H заголовков, Различный css допустимый в h1, h2, h3
stixia007
stixia007
Topic Starter сообщение 28.7.2015, 12:01; Ответить: stixia007
Сообщение #1


Здравствуйте! Ранее уже задавался подобным, но не совсем точно формулировал вопрос. У меня сайт подключает разные tpl шаблоны, категории, статические страницы отображаются по разному (именно дизайн). Потому требуется в категории 1 - использовать H1 с одним css, а в категории 2 - использовать H1 другим css.

В общем у меня около [3] тегов H1 c разными css и разным размером заточены под каждый tpl шаблона. Соответственно с H2 и H3 то-же самое. Все теги задаются:

Код
<span class="..."><h1>//

Может быть у одного H1 - размер 15, а другого H1 - 13. Влияет ли это как то на ПС? :)

Сообщение отредактировал stixia007 - 28.7.2015, 12:02
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
arturios
arturios
сообщение 28.7.2015, 12:05; Ответить: arturios
Сообщение #2


Размер может быть разным, нет не влияет


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Caterpillar
Caterpillar
сообщение 28.7.2015, 12:06; Ответить: Caterpillar
Сообщение #3


stixia007, если правильно соблюдается иерархия по убыванию размера и правильно использованы теги в коде, то никаких проблем.
Главное, чтобы h1 был один на странице, был крупнее чем остальные элементы и отличался по цвету от фона на котором находится.

P.S.: ИМХО родитель для тегов этих слишком узко задан. если у вас разные tpl, почему мы не дать отдельный класс контейнеру общему и вязать потом стиль элементов на него с учетом html селектора?

Сообщение отредактировал Caterpillar - 28.7.2015, 12:08


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lostprophet
lostprophet
сообщение 28.7.2015, 12:21; Ответить: lostprophet
Сообщение #4


Цитата
<span class="..."><h1>//


Ну не кошерно строчным элементом блочный оборачивать. Сделайте лучше так

Цитата
<h1 class="...">


Или так

Цитата
<h1><span class="...">


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
stixia007
stixia007
Topic Starter сообщение 28.7.2015, 13:05; Ответить: stixia007
Сообщение #5


Цитата(Caterpillar @ 28.7.2015, 12:06) *
stixia007, если правильно соблюдается иерархия по убыванию размера и правильно использованы теги в коде, то никаких проблем.
Главное, чтобы h1 был один на странице, был крупнее чем остальные элементы и отличался по цвету от фона на котором находится.

P.S.: ИМХО родитель для тегов этих слишком узко задан. если у вас разные tpl, почему мы не дать отдельный класс контейнеру общему и вязать потом стиль элементов на него с учетом html селектора?

На странице всегда H1 больше предыдущего. Просто на другой странице (с другим tpl) этот H1 может быть меньше т.к. оформление страниц разное. А так да, на каждой странице соблюдена иерархия, H1 большой, h2 меньше и h3 ещё меньше.

У меня и так все теги H1, h2, h3 и другие теги в одном общем контейнере. Я просто добавляю стиль к h1 изменяя его для каждых страниц.

Цитата(lostprophet @ 28.7.2015, 12:21) *
Цитата
<span class="..."><h1>//

Ну не кошерно строчным элементом блочный оборачивать. Сделайте лучше так

Цитата
<h1 class="...">

Или так

Цитата
<h1><span class="...">


Вообще да, строчным оборачивать блочный не совсем правильно. Как вариант можно обернуть в тот-же div.

Код
<h1 class="..."> и <h1><span class="...">


Я делал как в первом варианте, потом решил делать Div + H (в данный момент использовал спан что не правильно). Во втором варианте прочитал что в теге H1 ничего кроме текста не должно быть. Сделал так:

Код
<div class="..."<h1>


Сообщение отредактировал stixia007 - 28.7.2015, 13:07
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Caterpillar
Caterpillar
сообщение 28.7.2015, 13:49; Ответить: Caterpillar
Сообщение #6


Цитата(stixia007 @ 28.7.2015, 11:05) *
У меня и так все теги H1, h2, h3 и другие теги в одном общем контейнере. Я просто добавляю стиль к h1 изменяя его для каждых страниц.


Дайте в разных шаблонах контейнеру разные классы и потом прописывайте через каскад без лишнего кода рядом с h1
Объясню:
Код
<section style="tplNUM">
<h1>Head1</h1>
<p>Content</p>
</section>

.tpl1 H1 {font...}
.tpl2 H1 {font...}
.tpl3 H1 {font...}


Получается, за стилизацию отвечает родитель, прописанный отдельно для всего tpl
А внутренние элементы без лишних классов наследуют правильный стиль.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Сообщение отредактировал Caterpillar - 28.7.2015, 13:49


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКомплексное продвижение в соцсетях: аудит, оформление, ведение и настройка рекламных кампаний.
Качественно и по вкусным ценам.
91 WildWeb8 62751 17.1.2024, 13:04
автор: WildWeb8
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыПодбор ключей + LSI копирайтинг + Оформление и публикация | Классические копирайтинг и рерайт
Работаем с 2009 года. Гарантия качества.
29 Dr_Tapac 19363 2.12.2023, 22:33
автор: Dr_Tapac
Открытая тема (нет новых ответов) Работаю в PhotoShop - аватарки, логотипы, превью, шапки, оформление youtube, баннеры gif
16 Alifer 26521 29.11.2023, 20:15
автор: Alifer
Открытая тема (нет новых ответов) Дизайн от Bonmart / Оформление тем, соц. сетей / Видеоролики / Креативы для таргета
Сайты, соц.сети, логотипы, буклеты
8 Parnas 5090 19.11.2023, 18:59
автор: Parnas
Открытая тема (нет новых ответов) Ищу Adult Seo копирайтера для составления заголовков и описаний категорий
0 Reactive 1169 27.3.2023, 9:20
автор: Reactive


 



RSS Текстовая версия Сейчас: 23.4.2024, 15:30
Дизайн