Тег strong в html для чего нужен
Тег strong в html для чего нужен
Элемент сильной значимости ( ) указывает на то, что его содержание имеет большое значение, серьёзность или срочность. Браузеры обычно отображают содержимое жирным шрифтом.
| Категории контента | Потоковой контент, Фразовый контент, явный контент. |
|---|---|
| Разрешённый контент | Фразовый контент. |
| Опускание тегов | Нет, должен иметь как начальный тег, так и конечный тег. |
| Разрешённые родители | Любой элемент, который принимает фразовый контент, или любой другой элемент, который принимает потоковой контент. |
| Разрешённые ARIA-роли | Любые |
| DOM-интерфейс | HTMLElement |
Атрибуты
Этот элемент включает в себя глобальные атрибуты.
Замечания по использованию
Элемент предназначен для контента, который имеет «большое значение», включая вещи большой серьёзности или срочности (например, предупреждения). Это может быть предложение, которое имеет большое значение для всей страницы, или вы можете просто попытаться указать, что некоторые слова имеют большее значение по сравнению с соседним контентом.
Другим приемлемым использованием для является обозначение ярлыков абзацев, которые представляют заметки или предупреждения в тексте страницы.
_против_» title=»Permalink to против «> против
Не совсем. Элемент для контента, который имеет большее значение, в то время как элемент используется для привлечения внимания к тексту, не указывая на то, что это более важно.
_против_» title=»Permalink to против «> против
Добавление к путанице заключается в том, что, хотя HTML 4 определяет как просто указывающий на более сильный акцент, HTML 5 определяет как представляющий «большое значение для его содержимого». Это важное различие.
В то время, как используется для изменения значения предложения, поскольку делается устный акцент («Я люблю морковь» против «Я люблюморковь«), используется, для придания предложению порции особого значения (например, «Предупреждение! Это очень опасно.«) Оба элемента и могут быть вложены для увеличения относительной степени важности или усиленного акцента, соответственно.
Тег strong в html для чего нужен
HTML — это язык разметки гипертекста. С его помощью мы сообщаем браузеру, какие элементы веб-страницы ему предстоит отобразить. Если ранее он отображал только визуальные элементы и текст, то сегодня язык HTML способен передавать и смысловую нагрузку наполнения страницы. Для этого разработчики используют специальные элементы для форматирования текста.
Текст форматируется по трем причинам:
В спецификации W3C все теги HTML размещены в двух разделах. и находятся в разделе «Структурированный текст». Это значит, что они определяют внешний вид, а также учитываются специальными программами, которые предназначены для изменения интонации и громкости.
Внешний вид необязательно будет жирным или курсивом. Он может регулироваться стилями CSS, но по-прежнему передавать браузеру значение большей важности выделенного тегами текста, относительно другого. и вынесены в раздел «Форматирование» и указывают браузеру, как отобразить фрагмент текста.
Со стороны поисковых систем нет существенных указаний, как использовать основные теги HTML для оптимизации страниц. Сотрудники Google отрицают какую-либо разницу и разрешают использовать любые из них. Тем не менее трансформация алгоритмов дает повод усомниться.
Миссия поисковых систем — предоставить релевантный результат в ответ на запрос пользователя. Для этого они пытаются понять смысл того, что вы публикуете на своих страницах. Использование семантических тегов упрощает эту задачу. Они обращают внимание поисковых роботов на слова и фразы, которые помогают им определить, к какому запросу, вероятнее всего, принадлежит страница.
Однако существуют рекомендации W3C:
В HTML5 тег используйте для особо важных фрагментов. Это наиболее актуально:
Тег используйте для выделения:
Задано предложение: «Кошки — милые животные». В зависимости от того, где поставлен тег изменится смысл.
« Кошки — милые животные» — если кто-то утверждает, что милы другие животные.
«Кошки — милые животные» — Если кто-то утверждает, что кошки — противные животные.
«Кошки — милые животные » — Если кто-то утверждает, что кошки — милые овощи.
Тег STRONG
| Браузер |  Internet Explorer |  Netтscape |  Опера |  Safari |  Mozilla Firefox | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Версия | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
| Поддерживается | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да |
| ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Описание
Тег предназначен для акцентирования контента. Браузеры отображают такой контент жирным начертанием.
Синтаксис
контент
Закрывающий тег
Параметры
Аналог CSS (ЦСС)
Пример 1. Использование тега
ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
Результат данного примера показан на рис. 1.
Рис. 1. Вид акцентированного контента в контенте
Примечание
Тег strong в текстах: что нужно знать копирайтеру о полужирном выделении?
Основная проблема копирайтеров – им не всегда везет с грамотными заказчиками-профессионалами. Это значит, что нередко поступают ТЗ с устаревшей SEO-информацией, которая может только навредить текстам. Чтобы этого не происходило, хорошему копирайтеру желательно самому постоянно крутиться в мире SEO: читать про основы продвижения, проходить курсы у классных учителей, общаться на специализированных форумах. Тогда можно будет оперативно получать информацию о постоянно меняющихся алгоритмах поисковиков и узнавать разные полезные мелочи. Вот возьмем банальщину – тег strong в текстах. Нужен ли он? Как влияет на оптимизацию? Может ли из-за него сайт попасть под бан? Столько вопросов…
Когда используется тег strong?
Ответы на все вопросы стоит искать в азах HTML, а также в специфических отношениях поисковых систем к анализу статей на сайтах. Итак, пробежимся по азбучным истинам.
Для выделения текста полужирным используется тег b и тег strong. Эти теги парные. Слово, ключевой запрос или пассаж обрамляются при помощи открывающего и закрывающего тега, что в результате дает желаемое выделение текстового блока. Разница между тегами b и strong значительна.
Тег strong относится к тегам логической разметки, то есть не только обеспечивает конструкции полужирное выделение, но и подчеркивает важность помеченного текста. На тег стронг обращают внимание роботы поисковых систем, «считывая» со статей ключи и значимые фразы. Что же касается тега b, то он является тегом физической разметки и отвечает только за полужирное выделение.
Получается, оба эти тега для пользователя абсолютно равнозначны, но для анализирующих сайты роботов – нет. В этом и кроется основная проблема, так как нормальное количество стронгов в текстах могут поднять сайт в ранжировании, а вот излишек – подвести под бан.
Как часто можно использовать тег стронг в тексте?
Чтобы ответить на поставленный выше вопрос, необходимо понять: нужен тег вообще, или он как элемент продвижения он себя уже изжил. Сергей Кокшаров (он же известный всем seo-волшебник devaka) считает, что тег strong использовать не нужно и, более того, он способен даже навредить сайту при чрезмерном или неаккуратном применении. Да, когда-то w3c рекомендовали использовать тег стронг вместо b и повышать позиции выдачи сайта. Но это в прошлом. Сегодня тег strong лучше избегать, заменяя его иными способами полужирного выделения. Но об этом позже.
Аналогичных рекомендаций придерживаются и модераторы Яндекса, готовые дать сайтам с избытком стронгов вот такую резолюцию:
Такие ответы – гарантия, что сайт не возьмут в каталог Яндекса, а также отметят как потенциальный ресурс для бана.
Однако не стоит хвататься за голову и экстренно удалять все имеющиеся теги с сайта. Это излишне. Умеренное наличие тега strong и использование его только для значимых ключевых запросов не ударит по имиджу интернет-ресурса. Ко всему стоит подходить разумно.
Как использовать тег стронг для текстов сайта?
Теперь рассмотрим непосредственно тег strong для копирайтера. Когда при работе с текстом заказчик просить выделить ключи и значимые моменты полужирным шрифтом, к решению задачи нужно подойти со всей тщательностью. А именно:
Про теги для копирайтеров у меня уже была очень полная и интересная статья с познавательными комментариями и доступной инфографикой. Рекомендую ознакомиться: http://kaverina80.ru/tegi-dlya-kopirajtera-html-tegi-zagolovkov-spiskov-abzacev-i-formatirovaniya/
Ошибки применения тега стронг
Первая и основная уже названа – переоптимизация за счет чрезмерно частого использования тега логической разметки. Но есть и другие огрехи, которые встречаются при оформлении текстов:
Возникнут проблемы также и в том случае, если безоглядно довериться редакторам Ворда или Вордпресса. Первый обеспечит текст кучей ненужного мусора, второй же везде проставит тег стронг, не вникая в специфику логической и физической разметки и уже тем более не беспокоясь о стилях.
Поэтому лучший вариант самостоятельно отслеживать каждое применение тега, чтобы точно знать, как и каким способом было осуществлено полужирное выделение и не нанесет ли это вред сайту.
Отклик, который пришел на статью практически сразу, уведомил, что все эти исследования и рассуждения бессмысленны. Источник – авторитетный, но раскрывать его смысла не вижу.
«Это информация не просто устаревшая, а лет так на 10 устаревшая. Алгоритмы, плюющие на такие приемы SEO, в том же Яндексе сделали еще в
2008 году. Современным поисковым машинам вообще по фигу, какими тегами размечен текст».
Вывод: все теги – полная бессмыслица, оформляйте тексты так, как хочется и не обращайте ни на что внимание))))
Какие HTML теги правильные? Отличия b от strong
Какие теги использовать?
Как правильно — или , или ? Если говорить кратко — с точки зрения визуального отображения тегов в браузере, корректными будут оба варианта. Однако с точки зрения около-браузерной софистики — различий между тегами просто масса.
W3C, семантика, и благие цели
Сэр Тим Бернерс-Ли. Именно этому человеку мы обязаны в части облика Всемирной Паутины, интернета, таким, каким мы его знаем. Кстати, к названию WWW (WorldWideWeb — Всемирная Паутина) он тоже причастен.
Сэр Бернерс-Ли и самый первый в мире сайт. Wikipedia.
В 1994 году им была основана W3C — консорциум, по сей день являющийся главным и единственным институтом стандартизации представления данных в сети Интернет. В мире онлайна принято считаться с мнением W3C и все популярные браузеры сотрудничают с организацией, и следуют ее рекомендациям.
Теги: физические и семантические
Согласно предписаниям W3C, теги принято делить на теги физического и логического (семантического) уровня форматирования.
Теги физического форматирования были придуманы Бернерсом-Ли еще в далёком 1991 году.
Теги логического форматирования появились в середине 90-х, уже под эгидой Консорциума Всемирной Паутины (W3C) в спецификации HTML 2.0.
Физические призваны просто отображать форматирование текста так как было задумано автором. Логические же, как и следует из названия, обеспечивают и определенную логику обработки контента заключенного в них.
Зачем нужны логические теги?
Отличия b от strong
При применении обоих тегов, мы будем наблюдать в браузере один и тот же эффект, так в чем же разница?
Разница в том что тег является тегом логической разметки, а просто делает текст жирным, не прибавляя к этому никакой смысловой нагрузки.
Зачем? В идеале W3C хотели чтобы браузеры отображали важный участок текста иначе. На деле же оказалось, что эффект можно наблюдать только в речевых браузерах для слабовидящих, где слова выделенные strong-ом, действительно подчеркиваются интонацией.
Отличия i от em
С тегами для придания шрифту начертания курсивом, ситуация весьма схожая. Использование тега , также как и использование тега дадут одинаковый эффект.
Комментарии W3C советуют использовать тег для выделения курсивом. Ни о чем конкретном при этом не говорится, мы вольны выделять хоть имя автора, указанное в тексте, хоть просто важное по смыслу понятие или даже целое предложение. В общем, всё как в печатной литературе.
С тегом всё как и со строногом — он логический. Лично меня очень забавляет официальное описание тега на сайте W3C.
Офсайт консорциума пишет что тег предназначен для выделения «emphatic stress» текста.
Эмпатический, мать его, стресс. Ну я согласен, что на русский это можно перевести не так грубо, но яснее ситуация не становится. Есть ощущение, что консорциум и сам не знает, для чего добавил элемент.
На сегодняшний день W3C советует использовать CSS вместо , а как тег выделения курсивом.
Влияние strong и b на оптимизацию
Есть пара мифов о том, как использование тегов логической разметки и влияет на позиции.
Первый убеждает нас в том, что использование логических тегов вместо привычных и позволит сайту подняться в выдаче.
Второй говорит о том, что теги выделения нельзя использовать в текста больше определенного количества раз.
По факту помнится, кто то даже проводил эксперимент, который конечно так и не дал ответ на вопрос на 100%.
На позицию сайта в поисковой системе влияет множество нюансов, ничего нельзя сказать однозначно.
Кроме того, есть случаи, когда использование верстки именно физическими тегами необходимо.
Я часто использую физическую разметку в верстке шаблонов писем. Субъективно могу сказать что такие теги вызывают меньше ошибок в онлайн версиях почтовиков.
Мнение Google и Яндекс
Несколько лет назад, в ходе трансляции на Youtube, Google, в лице своего представителя (Matt Cutts), ясно дали ответ на этот вопрос. Ответ: нам без разницы какие теги вы используете (b/i или strong/em). Делайте хорошие сайты для людей, а потом уже думайте об таких мелочах.
Matt Cutts объясняет что к чему. Youtube
Яндекс же не дает никаких комментариев, но везде советует использовать семантические теги по максимуму.
Так или иначе, Яндекс всегда «притормаживает» с копированием стандартов у гугл и/или их переработкой, так что в этой части можно и ограничится мнением американского собрата.
Выводы
Да, и, пожалуй, я испытываю определенную ностальгическую привязанность к старым (но отлично работающим) тегам HTML, но это уже отношения к теме не имеет.:-)
Фотограф, блогер, специалист по рекламе в интернете. В прошлом веб-дизайнер/разработчик. Веду своё шоу в VK Клипах, люблю рок, джаз, Стивена Кинга и Харуки Мураками.