класс тегов h1 (альтернативный)

Я знаю, что тег h1 важен для SEO, поэтому весь мой заголовок - H1 (браво!)

Теперь мне нужно, чтобы заголовок (как первая строка текста) немного отличался на некоторых страницах.

Обычно я просто дублирую h1 на h2 и чередую.

Вопрос: можно ли добавить класс в тег заголовка ... (у меня безуспешно)

 menardmam12 нояб. 2009 г., 22:20
у меня есть попытка пролета, но это осыпает край / отступ
 Asaph12 нояб. 2009 г., 22:19
пожалуйста, оставьте свой код или URL.

Ответы на вопрос(7)



<style type="text/css">
h1.custom {
    color: red;
    font-size: 16px;
}
</style>



<h1 class="custom"> test </h1>


Можно добавить класс к

 тег. Как это:

<h1 class="myclass"> ... </h1>

можете легко оформить это так:

<style type="text/css">
.myclass { color : green }
</style>
Решение Вопроса

<h1 class="someclass">…</h1>

class атрибут это вгруппа атрибутовcoreattrs основных атрибутов которые могут быть использованы сh1 элемент.

 menardmam12 нояб. 2009 г., 22:23
извините мою ошибку, продублируйте H1 и сделайте его h1. Someclass теперь он отлично работает без тэга h1, просто класс!
 gnud12 нояб. 2009 г., 22:20
Ну, вам понадобится соответствующее правило CSS ...
 Gumbo12 нояб. 2009 г., 22:23
@ Marc-Andre Menard: Если вы хотите выбрать толькоh1 элементы определенного класса, используйтеh1.someclass CSS селектор.
 menardmam12 нояб. 2009 г., 22:18
извини но ничего не сделаю!
 Gumbo12 нояб. 2009 г., 22:22
@ marc-andre menard: Атрибут class предназначен только для того, чтобы считать этот элемент среди данного класса. Что вы ожидаете от этого?

Вы можете стилизовать заголовок так:

h1 { color: red; }

Или вот так:

<h1 class="fancy">Fancy</h1>

.fancy { font-family: fantasy; }

Если оно'не работает:

Проверьте, что вы нестарая таблица стилей кэшируется (ctrl-F5 для перезагрузки)Проверьте, что вы неУ вас нет никаких правил, отменяющих ваш класс (здесь очень полезна проверка с помощью Firebug или подобного).Проверьте на опечатки в HTML и CSS

Редактировать:

Похоже, у вас былоh1 .myClass вместоh1.myClass - там'Важное отличие:

h1 .myClass { } /* any element with class="myClass" within an <h1> */
h1.myClass  { } /* any </h1> with class="myClass" */

h1 для всех заголовков на странице. Как правило, у вас будет одинh1 тег на странице для того, что содержит страница (с текстом, по крайней мере, частично совпадающим с заголовком страницы), и меньшие теги заголовка для заголовков различных частей контента. Таким образом, вы даете большую часть информации поисковым системам о том, чтоважно на странице. Есть, конечно, страницы, которые нене вписывается в эту модель, но многие делают.

Существует много разных способов указания стиля для заголовков. Например:

Для всехh1 теги:

h1 { font-weight: bold; }

Для всехh1 а такжеh2 теги:

h1, h2 { margin: 10px; }

Для всехh1 теги внутри элемента с:id="main"

#main h1 { background: #ccc; }

Для всехh2 теги с:class="Info"

h2.Info { color: #000; }

Для всехh3 теги внутри элемента с:class="More"

.More h3 { text-decoration: underline; }


  
  
  
      404
      Page Not Found!
      <p>Sorry, the page you were looking for in this blog does not exist.</p>
      
    <a class="homepage" expr:href="data:blog.homepageUrl"> Go To Home</a>
  
 ρяσѕρєя K11 нояб. 2017 г., 23:39
Добавьте некоторое объяснение с ответом о том, как этот ответ поможет ОП в устранении текущей проблемы.

 название> тег находится в вашем ; голова> раздел, так что не будетдействительно имеет смысл добавить к нему класс.

Вы можете добавить класс в свой ; H1> тег, хотя.


Ваш ответ на вопрос