Тег html strong: Тег | htmlbook.ru
Тег | htmlbook.ru
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 3.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Спецификация
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Описание
Тег <strong> предназначен для акцентирования текста. Браузеры отображают такой текст жирным начертанием.
Синтаксис
<strong>Текст</strong>Закрывающий тег
Обязателен.
Атрибуты
Для этого тега доступны универсальные атрибуты и события.
Аналог CSS
font-weight
Пример
HTML5IECrOpSaFx
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег STRONG</title>
</head>
<body>
<p><strong>Lorem ipsum dolor sit amet</strong></p>
<p><strong>Lorem ipsum</strong> dolor sit amet, consectetuer adipiscing elit,
sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat
volutpat. <strong>Ut wisis</strong> enim ad minim veniam, quis nostrud exerci
tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</body>
</html>Результат данного примера показан на рис. 1.
Рис. 1. Вид акцентированного текста в тексте
Примечание
Следует отметить, что теги <b> и <strong>, также как <i> и <em>, несмотря на сходный результат, не совсем эквивалентны и заменяемы. Первый тег <b> — относится к тегам физической разметки и устанавливает жирный текст, а тег <strong> — является тегом логической разметки и определяет важность помеченного текста. Такое разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, в том числе не зависящим от устройства вывода информации. Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов <b> и <strong>, будет отмечен по-разному. Однако получилось так, что в популярных браузерах результат использования этих тегов равнозначен.
Категории контента — Руководства Web-разработчика
Каждый элемент HTML принадлежит некоторому количеству категорий контента, которые объединяют элементы с общим набором характеристик. Такая группировка является свободной, то есть не задаёт на самом деле отношение между элементами таких типов, но помогает определить и описать их поведение и правила, которым они должны следовать, особенно когда дело доходит до сложных деталей. Также возможна ситуация, когда элемент не входит ни в одну из этих категорий.
Существует три типа категорий контента:
- Основные категории контента, описывающие общие для многих элементов правила;
- Категории контента для элементов форм, описывающие общие правила для элементов форм;
- Особые категории контента, описывающие редкие категории, актуальные только для нескольких элементов, возможно, лишь в особом контексте.
Обратите внимание: Более подробное обсуждение данных категорий контента и их сравнительных особенностей выходит за рамки данной статьи; можно обратиться к соответствующим разделам спецификации HTML (на английском).
Метаданные
Элементы, принадлежащие к категории метаданных, изменяют отображение или поведение HTML-документа, связывают его с другими документами и предоставляют другую дополнительную информацию о документе.
Элементами метаданных являются: <base>, Этот API вышел из употребления и его работа больше не гарантируется.<command>, <link>, <meta>, <noscript>, <script>, <style> и <title>.
Основной поток
Элементы основного потока обычно содержат текст и встроенный контент.
<a>, <abbr>, <address>, <article>, <aside>, <audio>, <b>,<bdo>, <bdi>, <blockquote>, <button>, <canvas>, <cite>, <code>, Этот API вышел из употребления и его работа больше не гарантируется.<command>, <data>, <datalist>, <del>, <details>, <dfn>, <div>, <dl>, <em>, <embed>, <fieldset>, <figure>, <footer>, <form>, <h2> (en-US), <h3> (en-US), <h4> (en-US), <h5> (en-US), <h5> (en-US), <h6> (en-US), <header>, <hr>, <i> (en-US), <iframe> (en-US), <img>, <input>, <ins>, <kbd>, <keygen> (en-US), <label>, <main>, <map>, <mark>, <math>, <menu>, <meter>, <nav>, <noscript>, <object> (en-US), <ol>, <output>, <p>, <pre>, <progress>, <q> (en-US), <ruby>, <s> (en-US), <samp> (en-US), <script>
<section>, <select>, <small> (en-US), <span>, <strong>, <sub> (en-US), <sup> (en-US), <svg>, <table> (en-US), <template>, <textarea> (en-US), <time>, <ul>, <var> (en-US), <video>, <wbr> и Текст.Несколько других элементов, которые тоже принадлежат к этому типу, но требуют определённых условий:
Секционный контент
Заголовочный контент
Заголовочный контент задаёт заголовок секции, явно отмеченной структурным элементом или неявно – самим заголовочным.
Данной категории принадлежат такие элементы, как <h2> (en-US), <h3> (en-US), <h4> (en-US), <h5> (en-US), <h5> (en-US), <h6> (en-US) и
Элемент <header> сам по себе не является заголовочным, хотя с большой вероятностью содержит контент такого типа.
Стоит заметить, что элемент <hgroup> был удалён из спецификации W3C HTML до приведения HTML 5 к окончательному варианту, но до сих пор является частью спецификации WHATWG и по крайней мере частично поддерживается большинством браузеров.
Фразовый контент
Фразовый контент определяет текст и его формат. Серии фразового контента образуют параграфы.
К данной категории принадлежат следующие элементы: <abbr>, <audio>, <b>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, Этот API вышел из употребления и его работа больше не гарантируется.<command>, <data>, <datalist>, <dfn>, <em>, <embed>, <i> (en-US), <iframe> (en-US), <img>, <input>, <kbd>, <keygen> (en-US), <label>
<mark>, <math>, <meter>, <noscript>, <object> (en-US), <output>, <progress>, <q> (en-US), <ruby>, <samp> (en-US), <script>, <select>, <small> (en-US), <span>, <strong>, <sub> (en-US), <sup> (en-US), <svg>, <textarea> (en-US), <time>, <var> (en-US), <video>, <wbr> и обычный текст (не только состоящий из символов пробелов).Ещё несколько элементов входят в данную категорию при соблюдении особых условий:
<a>, если содержит в себе только фразовый контент<area>, только внутри элемента<map><del>, если содержит в себе только фразовый контент<ins>, если содержит в себе только фразовый контент<link>, при наличии атрибутаitemprop (en-US)<map>, если содержит в себе только фразовый контент<meta>, при наличии атрибутаitemprop (en-US)
Встроенный контент
Встроенный контент импортирует в документ другой ресурс или вставляет содержимое на другом языке разметки или принадлежащее другому пространству имён. Элементами данной категории являются: <audio>, <canvas>, <embed>, <iframe> (en-US), <img>, <math>, <object> (en-US), <svg>, <video>.
Интерактивный контент
К интерактивному контенту относятся элементы, который специально разработаны для взаимодействия с пользователем. В данную категорию входят <button>, <details>, <embed>, <iframe> (en-US), <keygen> (en-US), <label>, <select> и <textarea> (en-US).
Некоторые элементы считаются интерактивным контентом только при соблюдении определённых условий:
Явный контент
Контент считается явным, когда он не скрыт и не является пустым, это контент, который отображён и предметен. У элементов потокового или фразового контента должен быть хотя бы один явный узел.
Контент форм
Контент форм включает в себя элементы, у которых есть владелец формы, обозначенный атрибутом form. Владельцем формы является либо элемент <form>, либо элемент, id которого указан в атрибуте form.
Данная категория включает несколько подкатегорий:
- listed
<button>,<fieldset>,<input>, <keygen> (en-US), <object> (en-US),<output>,<select>, и <textarea> (en-US).- labelable
- Элементы, которые могут ассоциироваться с элементами
<label>. Включают<button>,<input>, <keygen> (en-US),<meter>,<output>,<progress>,<select>и <textarea> (en-US). - submittable
- Элементы, которые могут использоваться для построения набора данных формы при отправке на сервер. Включают
<button>,<input>, <keygen> (en-US), <object> (en-US),<select>и <textarea> (en-US). - resettable
- Элементы, которые могут быть затронуты при сбросе данных формы. Включают
<input>, <keygen> (en-US),<output>,<select>и <textarea> (en-US).
Существуют некоторые вторичные классификации элементов, о которых тоже полезно знать.
Элементы поддержки скриптов
Элементы поддержки скриптов – это элементы, которые напрямую не влияют на отрисовку документа. Вместо этого они служат для внедрения скриптов, путём либо содержания кода скрипта напрямую, либо указания данных, которые будут использованы скриптами.
Элементами поддержки скриптов являются:
Если элемент обладает прозрачной моделью контента, его содержимое должно быть структурировано таким образом, чтобы оно оставалось валидным HTML5, даже при удалении прозрачного элемента или заменой его на дочерние элементы.
Например, элементы <del> и <ins> являются прозрачными:
<p>Мы почитаем следующие истины <del><em>священными & неоспоримыми</em></del> <ins>само собой разумеющимися</ins>.</p>
Если удалить эти элементы, данный фрагмент всё равно будет представлять собой валидный HTML.
<p>Мы почитаем следующие истины <em>священными & неоспоримыми</em> само собой разумеющимися.</p>
Корень задания разделов.
Как использовать основные теги HTML для SEO — STRONG, B, EM, I
До недавнего времени язык HTML предлагал использовать теги и для написания текста жирным или курсивом. С появлением новой версии языка разметки HTML5, появились дополнительные теги, которые образовали близкие по своему предназначению пары: <STRONG> и <B>, <EM> и <I>.Их появление обусловлено развитием поисковых систем, которые сегодня стремятся понимать смысл того, что размещено на странице. Создатели предложили различать HTML-теги для текста, имеющие семантическое и визуальное форматирование. Теперь с помощью тегов визуального форматирования (<B>, <I>) мы выделяем часть текста визуально, а теги семантического форматирования (<STRONG>, <EM>) передают эмоции.
Визуально вы никогда не сможете различить, какой тег использован на странице. Жирный шрифт в HTML можно сделать и с помощью <STRONG>, и с помощью <B>, а курсив — и через <EM>, и через <I>. Тогда зачем же так усложнять?
Разгадка есть. Если включить голосовое озвучивание текста, то слова и фразы, выделенные тегами <STRONG> и <EM>, компьютер прочтет с особо эмоциональной интонацией и громкостью. Вся суть заключается в этом, так как семантическое форматирование помогает поисковым системам понять контекст написанного (смысл).
- <STRONG> — тег семантического форматирования. Он передает высокую важность выделенного текста. Визуально выглядит жирнее, чем основной текст.
- <B> — тег визуального форматирования. Просто выделяет текст жирным и не придает ему особой важности.
- <EM> — тег семантического форматирования. Предназначен для передачи большей экспрессивности слова или фразы относительно остального текста. Визуально слово/фраза отображаются курсивом.
- <I> — тег визуального форматирования. Используется для выделения курсивом, но не акцентирует внимание на слове или фразе.
Внешний вид необязательно будет жирным или курсивом. Он может регулироваться стилями CSS, но по-прежнему передавать браузеру значение большей важности выделенного тегами текста, относительно другого. <B> и <I> вынесены в раздел «Форматирование» и указывают браузеру, как отобразить фрагмент текста.
| Справочник HTML
Элемент <strong> (от англ. «strong» ‒ «сильный, серьёзный») предназначен для выделения семантически важного фрагмента текста, на который нужно обратить внимание пользователя. По умолчанию браузеры такой текст отображают жирным шрифтом.
Примечание: Внешне отображение тегов <b> (определяет жирное начертание текста) и <strong> не отличается, но элемент <strong> имеет значение для поисковых машин, рекомендуется не злоупотреблять им в документе и использовать его для действительно важного текста. Устройства, позволяющие читать с экрана могут выделять его определенной интонацией.
Синтаксис
<strong>Текст</strong>Закрывающий тег
Обязателен.
Атрибуты
Для этого элемента доступны глобальные атрибуты и события.
Стилизация по умолчанию
Большинство браузеров отобразит элемент <strong> со следующими значениями CSS по умолчанию:
strong {
font-weight: bold;
}Различия между HTML 4.01 и HTML5
В HTML 4.01 тег определял выраженный текст, а в HTML5 определяет важный текст.
Пример использования:
Форматирование текста в документе:
Спецификации
Поддержка браузерами
| Элемент | ||||||
| <strong> | 2+ | 1+ | 2+ | 1+ | 1+ | 1+ |
| Элемент | ||||
| <strong> | 1+ | 1+ | 6+ | 1+ |
Попробуйте сами — Примеры
Как сделать текст жирным и привлечь к нему внимание:
Важный и жирный текст
Как сделать акцент на фрагменте текста:
Акцент и курсив
Как отобразить текст в нижнем или верхнем индексе:
Форматирование текста
Учебник HTML
HTML уроки: HTML Форматирование
HTML Элементы
HTML тег strong | назначение, синтаксис, атрибуты, примеры
Последнее обновление: 03.03.2009
Тег <strong> (англ. strong — имеющий преимущество) — тег-контейнер, логически выделяет, усиливает текст.
Строчный элемент.
HTML: 3.2 | 4 / XHTML: 1.0 | 1.1
Синтаксис
<strong>...</strong>
Атрибуты
Основные Вспомогательные События
| class | определяет имя используемого класса |
|---|---|
| dir | определяет направление символов:
|
| id | уникальный индетификатор |
| lang | определяет используемый язык в документе, на который указывает ссылка |
| onclick | щелчек на элементе |
| ondblclick | двойной щелчек на элементе |
| onkeydown | нажатие клавиши, когда элемент имеет фокус |
| onkeypress | нажатие и освобождении клавиши, когда элемент имеет фокус |
| onkeyup | освобождение ранее нажатой клавиши, когда элемент имеет фокус |
| onmousedown | нажатие кнопки мыши, когда элемент имеет фокус |
| onmousemove | движение указателя мыши, когда элемент имеет фокус |
| onmouseout | смещение указателя мыши с элемента |
| onmouseover | помещение указателя мыши на элемент |
| onmouseup | освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус |
| style | задает встроенную таблицу стилей |
| title | всплывающая подсказка |
Пример
код:
Тег b просто устанавливает жирный шрифт, в то время, как тег strong, так же отображаясь жирным шрифтом, <strong>логически выделяет</strong> важность помеченного текста.
Рекомендации по использованию
- закрывающий тег обязателен (</strong>)
- тег <strong> может содержать CDATA и строчные элементы
- обязательных атрибутов нет
- является тегом логической разметки. Подчеркивает важность помеченного текста
- аналог CSS — font-weight: bold (CSS свойство не пердает важность выделенного фрагмента)
Визуальные браузеры, как правило, выделяют содержимое тега <strong> жирным шрифтом. Поэтому тег внешне схож с тегом <b>, который обозначает физическую разметку.
Голосовые браузеры могут менять параметры синтеза голоса, такие как уровень громкости, высота и диапазон.
Поисковые системы повышают рейтинг (значение) слов, выделенных, как <strong>. Рекомендуется использовать тег только для выделения ключевых слов (фраз).
Твой код:
<html> <head> <title></title> </head> <body> <p> Тег b просто устанавливает жирный шрифт, в то время, как тег strong, так же отображаясь жирным шрифтом, <strong>логически выделяет</strong> важность помеченного текста. </p> </body> </html> Сделай код и жми тутРезультат:
большой полигонКакие HTML теги правильные? Отличия b от strong
Какие теги использовать?
Как правильно — <b> или <strong>, <i> или <em>? Если говорить кратко — с точки зрения визуального отображения тегов в браузере, корректными будут оба варианта. Однако с точки зрения около-браузерной софистики — различий между тегами просто масса.
W3C, семантика, и благие цели
Сэр Тим Бернерс-Ли. Именно этому человеку мы обязаны в части облика Всемирной Паутины, интернета, таким, каким мы его знаем. Кстати, к названию WWW (WorldWideWeb — Всемирная Паутина) он тоже причастен.
Сэр Бернерс-Ли и самый первый в мире сайт. Wikipedia.
В 1994 году им была основана W3C — консорциум, по сей день являющийся главным и единственным институтом стандартизации представления данных в сети Интернет. В мире онлайна принято считаться с мнением W3C и все популярные браузеры сотрудничают с организацией, и следуют ее рекомендациям.
Теги: физические и семантические
Согласно предписаниям W3C, теги принято делить на теги физического и логического (семантического) уровня форматирования.
Теги физического форматирования были придуманы Бернерсом-Ли еще в далёком 1991 году.
Теги логического форматирования появились в середине 90-х, уже под эгидой Консорциума Всемирной Паутины (W3C) в спецификации HTML 2.0.
Физические призваны просто отображать форматирование текста так как было задумано автором. Логические же, как и следует из названия, обеспечивают и определенную логику обработки контента заключенного в них.
Зачем нужны логические теги?
Сама идея использования тегов, которые будут «обдуманно» применяться к различному контенту уже несет в себе немалые возможности.
Например, обозначьте тег <CODE>, и браузер, и яндекс поймут, что тут идет пример кода, а <ABBR> будет означать, что используется аббревиатура.
Теги логического форматирования содержат в себе меньший объем текста и используются избирательно для единичных слов или фразы.
Отличия b от strong
При применении обоих тегов, мы будем наблюдать в браузере один и тот же эффект, так в чем же разница?
Разница в том что тег <strong> является тегом логической разметки, а <b> просто делает текст жирным, не прибавляя к этому никакой смысловой нагрузки.
Зачем? В идеале W3C хотели чтобы браузеры отображали важный участок текста иначе. На деле же оказалось, что эффект можно наблюдать только в речевых браузерах для слабовидящих, где слова выделенные strong-ом, действительно подчеркиваются интонацией.
Отличия i от em
С тегами для придания шрифту начертания курсивом, ситуация весьма схожая. Использование тега <i>, также как и использование тега <em> дадут одинаковый эффект.
Комментарии W3C советуют использовать тег <i> для выделения курсивом. Ни о чем конкретном при этом не говорится, мы вольны выделять хоть имя автора, указанное в тексте, хоть просто важное по смыслу понятие или даже целое предложение. В общем, всё как в печатной литературе.
С тегом <em> всё как и со строногом — он логический. Лично меня очень забавляет официальное описание тега на сайте W3C.
Офсайт консорциума пишет что тег <em> предназначен для выделения «emphatic stress» текста.
Эмпатический, мать его, стресс. Ну я согласен, что на русский это можно перевести не так грубо, но яснее ситуация не становится. Есть ощущение, что консорциум и сам не знает, для чего добавил элемент.
На сегодняшний день W3C советует использовать CSS вместо <i>, а <em> как тег выделения курсивом.
Влияние strong и b на оптимизацию
Есть пара мифов о том, как использование тегов логической разметки <strong> и <em> влияет на позиции.
Первый убеждает нас в том, что использование логических тегов вместо привычных <b> и <i> позволит сайту подняться в выдаче.
Второй говорит о том, что теги выделения нельзя использовать в текста больше определенного количества раз.
По факту помнится, кто то даже проводил эксперимент, который конечно так и не дал ответ на вопрос на 100%.
На позицию сайта в поисковой системе влияет множество нюансов, ничего нельзя сказать однозначно.
Кроме того, есть случаи, когда использование верстки именно физическими тегами необходимо.
Я часто использую физическую разметку в верстке шаблонов писем. Субъективно могу сказать что такие теги вызывают меньше ошибок в онлайн версиях почтовиков.
Мнение Google и Яндекс
Несколько лет назад, в ходе трансляции на Youtube, Google, в лице своего представителя (Matt Cutts), ясно дали ответ на этот вопрос. Ответ: нам без разницы какие теги вы используете (b/i или strong/em). Делайте хорошие сайты для людей, а потом уже думайте об таких мелочах.
Matt Cutts объясняет что к чему. Youtube
Яндекс же не дает никаких комментариев, но везде советует использовать семантические теги по максимуму.
Так или иначе, Яндекс всегда «притормаживает» с копированием стандартов у гугл и/или их переработкой, так что в этой части можно и ограничится мнением американского собрата.
Выводы
В интернете полно советчиков, и еще больше людей, считающих, что их мнение единственно правильное.
Я не буду придерживаться какой то конкретной версии, я лишь скажу очевидное — тег <b> короче тега <strong> .
Если вы пишете код вручную, если вы вносите быстрые правки прямо через панель CMS, гораздо удобнее 5 раз прописать именно тег <b>.
Какая разница в конечном итоге, ведь отображение то одинаковое.
Да, и, пожалуй, я испытываю определенную ностальгическую привязанность к старым (но отлично работающим) тегам HTML, но это уже отношения к теме не имеет.:-)
Семантическое значение HTML-тегов, разница между тегами i и em, b и strong
05.07.18 HTML 2140
Язык HTML разрабатывался таким образом, что практически каждый элемент в нем содержит семантический смысл. Семантический смысл тегов – это значит, что каждый тег не просто задает тот или иной внешний вид интерфейса на странице, но и еще сообщает о том, зачем этот тег, поясняет смысл и назначение тега.
Теги предназначены не обязательно для создания внешнего вида интерфейса, хотя в настоящее время они предназначены именно для этого. Внешний вид тегов может трактоваться и отрисовываться как угодно, на разных движках и ОС они могут отличаться внешне. Но семантическое значение тегов всегда одинаковое, такое, какое четко задано в спецификации.
Начинающие пользователи, как правило, вообще не задумываются о смысле тегов, им нужно только получить нужный внешний вид. Но это неправильный подход, нужно использовать теги осмысленно. Для чего это нужно? Всевозможные поисковые системы, сервисы используют семантические правила для извлечения необходимой информации, а это значит, что если станица правильно спроектирована с использованием подходящих тегов, то она будет гораздо ценней для этих поисковиков и сервисов. Это немаловажный фактор при продвижении сайта.
Например, часто можно встретить вопросы, какой тег использовать, тот или иной, когда они внешне выглядят абсолютно одинаково. Тег i и тег em как раз такие теги. Внешне ничем не различаются, но семантический смысл разный. Первый тег i просто выделяет текст курсивным начертанием, второй же тег em придает тексту, помещенному в него, особый смысл. Текст становится более важным на странице. То есть, если не смотреть внешний результат, то тег em дает смысловое выделение, а тег i нет. Когда же посмотреть в браузере результат, выглядят они одинаково, но особое значение у текста в теге em. Таким образом, разница между i и em установлена.
Другой аналогичный пример, теги b и strong. Здесь даже из названия можно понять, что второй тег гораздо значимый. Действительно, b просто выделяет текст жирным начертанием, а strong выделяет жирным и придает семантический смысл тексту, помещенного в этот тег. Особенно важно для поисковых систем, текст в strong играет большое значение при выдаче. Итак, разница между b и strong тоже установлена.
Таким образом, нужно уметь правильно понять, как применять теги в той или иной ситуации. Ведь от правильного применения зависит успех продвижения сайта в современных поисковых системах. Семантическое значение HTML достаточно просто понять, особенно актуально это для новых тегов HTML5. Они, например, позволяют четко обозначить структуру страницы, благодаря новейшим тегам. Но чтобы рассмотреть эту тему, потребуется написать целую статью, об этом позже.
HTML: тег
Документ HTML5
Если вы создали новую веб-страницу в HTML5, ваш тег может выглядеть так:
Пример HTML5 от www.techonthenet.com
Заголовок 1
Мы хотим выделить этот текст .
В этом примере документа HTML5 мы создали тег , заключающий в себе текст «этот текст».По умолчанию ваш браузер отображает «этот текст» жирным шрифтом. Вы можете перезаписать это поведение с помощью CSS.
HTML 4.01 Переходный документ
Если вы создали новую веб-страницу в HTML 4.01 Transitional, ваш тег может выглядеть так:
HTML 4.01 Переходный пример от www.techonthenet.com
Заголовок 1
Мы хотим выделить этот текст .
В этом примере переходного документа HTML 4.01 мы создали тег , заключающий в себе текст «этот текст». По умолчанию ваш браузер отображает «этот текст» жирным шрифтом. Вы можете перезаписать это поведение с помощью CSS.
XHTML 1.0 Переходный документ
Если вы создали новую веб-страницу в XHTML 1.0 Transitional, ваш тег может выглядеть так:
Переходный пример XHMTL 1.0 от www.techonthenet.com
Заголовок 1
Мы хотим выделить этот текст .
В этом примере переходного документа XHTML 1.0 мы создали тег , заключающий в себе текст «этот текст». По умолчанию ваш браузер отображает «этот текст» жирным шрифтом. Вы можете перезаписать это поведение с помощью CSS.
Строгий документ XHTML 1.0
Если вы создали новую веб-страницу в XHTML 1.0 Strict, ваш тег может выглядеть так:
Строгий пример XHTML 1.0 от www.techonthenet.com
Заголовок 1
Мы хотим выделить этот текст .
В этом примере строгого документа XHTML 1.0 мы создали тег , заключающий в себе текст «этот текст».По умолчанию ваш браузер отображает «этот текст» жирным шрифтом. Вы можете перезаписать это поведение с помощью CSS.
XHTML 1.1, документ
Если вы создали новую веб-страницу в XHTML 1.1, ваш тег может выглядеть так:
XHTML 1.1 Пример с сайта www.techonthenet.com
Заголовок 1
Мы хотим выделить этот текст .
В этом примере документа XHTML 1.1 мы создали тег , заключающий в себе текст «этот текст». По умолчанию ваш браузер отображает «этот текст» жирным шрифтом. Вы можете перезаписать это поведение с помощью CSS.
HTML-тег
Тег выделяет важную часть текста.Его можно использовать для такого важного содержимого, как предупреждения. Это может быть одно предложение, которое придает важность всей странице, или оно может быть необходимо, если вы хотите выделить некоторые слова, которые имеют большее значение по сравнению с остальным содержанием. Содержимое тега имеет больший вес для поисковых систем и устройств, при чтении подчеркивается содержание только с особой интонацией.
Тег — это тег фразы, указывающий, что текстовый раздел имеет структурное значение.
Содержимое тега выделено жирным шрифтом. В отличие от тега , который определяет текст жирным шрифтом, тег является частью семантической разметки. Тег используется для привлечения внимания к тексту, не указывая, что он более важен. В большинстве браузеров стиль по умолчанию для тегов и одинаков. Однако, если вы хотите, чтобы текст был полужирным только для украшения, вам следует использовать свойство CSS font-weight.
HTML4 определил тег как подразумевающий более сильный акцент.В отличие от него, HTML5 определяет его как представляющий большую важность содержания.
По сравнению с тегом , который меняет значение предложения, например, акцент на устной речи, выделяет части предложения, которые добавляют важности.
Чтобы выделить текст жирным шрифтом без учета его важности, используйте тег или свойство CSS font-weight.
Синтаксис¶
Тег используется парами. Контент записывается между открывающим () и закрывающим () тегами.
Пример тега HTML
: ¶
Название документа
Мы использовали & lt; strong & gt; тег, чтобы выделить эту важную часть текста .
Попробуйте сами »Результат¶
Атрибуты¶
Тег поддерживает глобальные атрибуты и атрибуты событий.
Как оформить тег
?Общие свойства для изменения визуального веса / выделения / размера текста в
tag:- CSS свойство font-style задает стиль шрифта. нормальный | курсив | косой | начальная | наследовать.
- CSS свойство font-family определяет приоритетный список из одного или нескольких имен семейств шрифтов и / или общих имен семейств для выбранного элемента.
- CSS свойство font-size устанавливает размер шрифта.
- CSS свойство font-weight определяет, должен ли шрифт быть жирным или толстым.
- Свойство CSS text-transform управляет регистром текста и заглавными буквами.
- CSS свойство text-decoration определяет украшение, добавленное к тексту, и является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.
Раскрашивание текста в теге
:- Свойство цвета CSS описывает цвет текстового содержимого и оформления текста.
- CSS свойство background-color устанавливает цвет фона элемента.
Стили макета текста для
tag:- CSS свойство text-indent определяет отступ первой строки в текстовом блоке.
- Свойство CSS text-overflow указывает, как пользователю следует сигнализировать о переполненном содержимом, которое не отображается.
- CSS свойство white-space определяет, как обрабатывается белое пространство внутри элемента.
- Свойство CSS word-break указывает, где строки должны быть разорваны.
Другие свойства, на которые стоит обратить внимание:
tag:HTML strong Tag — Tutorial Republic
Тема: Справочник по тегам HTML5 Назад | След.
Описание
Тег определяет заключенный текст как сильно подчеркнутый текст.
В следующей таблице приведены контекст использования и история версий этого тега.
| Размещение: | Рядный |
|---|---|
| Содержание: | Встроенный и текстовый |
| Начальный / конечный тег: | Начальный тег: требуется , Конечный тег: требуется |
| Версия: | HTML 2, 3.2, 4, 4.01, 5; XHTML 1.0, 1.1 |
и Оба тега отображают заключенный в нем текст жирным шрифтом, но элемент
Настоятельно рекомендуется избегать использования тега
font-weightс полужирным шрифтомЗначениебыло бы лучшим выбором для выделения текста жирным шрифтом.
Синтаксис
Базовый синтаксис тега задается следующим образом:
HTML / XHTML: …
Пример ниже показывает действие тега .
Внимание! Это очень опасно
Атрибуты, специфичные для тегов
Тег не имеет определенного атрибута.
Глобальные атрибуты
Как и все другие теги HTML, тег поддерживает глобальные атрибуты в HTML5.
Атрибуты событий
Тег также поддерживает атрибуты событий в HTML5.
Совместимость с браузером
Тег поддерживается во всех основных современных браузерах.
Базовая поддержка —
|
Дополнительная литература
См. Учебник по следующим темам: Форматирование текста HTML, Шрифты CSS.
Связанный тег: .
HTML-сильный тег — javatpoint
HTML-тег — это фразовый тег, который используется для представления важного текста документа в браузере.Текст в тексте имеет смысловое значение для поисковых систем и выделяет текст с особой интонацией.
Текст в теге по умолчанию отображается в браузере полужирным шрифтом; однако его можно изменить с помощью CSS.
Примечание. Не используйте тег
только для выделения текста полужирным шрифтом, и если вы хотите сделать текст жирным без какой-либо семантической важности, используйте свойство или CSS.Синтаксис
Напишите свое важное содержание….
Ниже приведены некоторые характеристики тега HTML
| Дисплей | Рядный |
| Начальный тег / Конечный тег | И начальный, и конечный тег |
| Использование | Форматирование |
Пример
Пример сильного тега
Прогноз погоды
Погода сегодня плохая. Сегодня может быть сильный дождь, поэтому лучше побыть дома .
Проверить это сейчасВыход:
Атрибут:
Атрибуты тега:
Тег не содержит какого-либо конкретного атрибута.
Глобальный атрибут:
Тег поддерживает глобальные атрибуты в HTML.
Атрибут события:
Тег поддерживает атрибуты событий в HTML.
Поддерживающие браузеры
HTML Strong Tag — Studytonight
HTML тег используется для маркировки содержимого, имеющего сильную важность на веб-странице. По стилю он работает так же, как полужирный тег HTML, но добавляет дополнительное значение тексту внутри этого тега, который считается важным браузером и поисковыми системами.
HTML
Тегподпадает под категорию тегов фраз .Содержимое между начальным и конечным тегами
Тег
HTML
Синтаксис и использование тега Для тега требуется начальный (открывающий) тег , и конечный (закрывающий) тег .
важный текст
HTML
Базовый пример тега Ниже приведен пример, показывающий базовое использование тега :
HTML
Атрибуты тегаЭтот элемент не имеет каких-либо конкретных атрибутов, хотя этот элемент поддерживает глобальные атрибуты и атрибуты событий.
HTML
Tag против Tag Тег используется для обозначения текста, имеющего большее значение по сравнению с остальным содержанием на веб-странице.С другой стороны, тег используется для изменения значения содержимого, как это делает акцент на устной речи.
Теги и могут быть вложены вместе для повышения степени важности.
HTML
тег против тег Обычно мы путаемся между тегом и тегом / Давайте проясним это, тег используется для обозначения контента, имеющего высокую или более высокую важность, тогда как Тег используется для привлечения внимания читателя, не указывая на то, что текст является более важным.
Таким образом, тег просто добавляет стиль, тогда как тег добавляет смысл тексту, информируя браузер или поисковую систему о важности заключенного текста.
Стиль CSS по умолчанию для HTML
ТегБольшинство браузеров используют этот стиль CSS по умолчанию .
strong {
font-weight: жирный;
} Поддержка браузером HTML
ТегСледующие браузеры поддерживают этот атрибут:
Google Chrome 9.0
Internet Explorer 11.0
Firefox 4+
Opera
Safari
Тег strong html — Веб-сайты от Марка
Обзор
Тег HTML < strong > известен как тег фразы, он в основном используется для стилизации текста. По умолчанию он делает текст полужирным, чтобы подчеркнуть внешний вид текста с тегами. Часто используется вместо тега b.С точки зрения SEO это помогает с оптимизацией ключевых слов, но неизвестно, более, менее или столь же эффективно, как использование тега b. Он одинаково хорошо работает как с макетами на основе таблиц, так и с макетами на основе CSS. Как и все теги HTML на основе фраз, его можно использовать в ситуациях, когда согласованность между браузерами трудно достичь другими способами. Когда текст помещается между открывающим и закрывающим тегом , он отображается как строгий текст.
Основное использование
Здесь есть сильный текст
Любой текст между открывающим и закрывающим тегами будет отображаться как строгий текст.
Расширенное использование
Можно стилизовать и добавить функциональность к тегу , это делается путем добавления атрибута после p в открывающем теге тег
Атрибуты, разрешенные для Тег включает: — class , dir , id , lang , style and title .
В большинстве случаев используются class и id , и его основное использование показано ниже
Некоторый строгий текст
Со всеми атрибутами есть пробел после начального p, затем имя атрибута, затем знак равенства и идентификатор атрибута в двойных кавычках.
Атрибуты id и class относятся к стилю CSS элемента и либо хранятся в
веб-страницы во внешнем файле.С идентификатором это обычно относится к одному экземпляру на странице, где, поскольку класс обычно относится к повторяющемуся элементу на странице, по этой причине тег может использовать любой идентификатор или класс как атрибут.
Атрибут style позволяет включать информацию о стиле css для одного тега .
Атрибут dir позволяет читать текст слева и справа, lang позволяет указать язык для тега, а title позволяет включать дополнительную информацию для тега.
Можно прикреплять сценарии к тегам, а также добавлять функциональные возможности к веб-странице, эти сценарии, как правило, написаны на JavaScript и поэтому выходят за рамки этого документа
Примеры
Некоторый строгий текст < / strong> — базовый пример использования.
Жесткий текст — строгий текст, стилизованный под заголовок id.
Жесткий текст — строгий текст, стилизованный под заголовок класса.
Некоторый строгий текст — строгий текст, стилизованный заголовком класса и заголовком id.
Некоторый строгий текст — строгий текст, который имеет собственный красный цвет.
Некоторый строгий текст — строгий текст, в котором текст читается справа налево.
Некоторый строгий текст — строгий текст, язык которого помечен как UK.
Жесткий текст — строгий текст, в котором тег был назван заголовком.
Последние мысли
Коснувшись только поверхности тега HTML, легко увидеть, насколько он универсален.Чтобы в полной мере использовать его преимущества, понимание CSS является преимуществом.
HTML | сильный тег — Tutorialspoint.dev
Тег в HTML является тегом синтаксического анализа и используется для демонстрации важности текста.
Синтаксис:
Содержание ...
Пример:
|
Выход:
Пример 2: Используйте свойство CSS, чтобы установить жирность шрифта.
|
Выход:
Поддерживаемый браузер: Браузеры, поддерживаемые тегом , перечислены ниже:
- Google Chrome
- Safari
- Internet Explorer
- Firefox
- Opera
0 0
Вам также может понравиться
Подписывайтесь на нашу новостную рассылку
Мы используем файлы cookie для предоставления и улучшения наших услуг.
