Strong сильное подчеркивание

Содержание
Илон Маск рекомендует:  Группа элементов формы fieldset

Почему зло в то время как и нет?

Ну, я знаю, что это не зло, а не как симпатичное в семантике как и правильно?

Однако, если становится более семантическим как и как , почему нет семантического двойника для ?

В стилях:

Итак, стиль text-decoration в стиле CSS: подчеркивание для , но не существует ли один шрифт-вес: жирный для уже? Таким образом, идет также .

В семантике:

является семантическим для чего? Сильно подчеркнутый текст? является семантическим для чего? Подчеркнутый текст? Все, что принципиально отличается друг от друга и взаимоисключающим? Нет. Почему не может быть другого способа подчеркнуть текст? Вы знаете, как и способ делает и составляет семантический двойник для него тоже — я думаю, что только и уже хорошо реализованы во всех основных браузерах до того, как теги и станут обременительными.

Я знаю, теперь, когда он официально становится стандартом, вам просто нужно пойти с ним. Или, пожалуйста, скажите: есть ли веские причины сделать вне поля зрения?

Он ошибочно принимается за гиперссылку.

Если семантический двойник был создан для каждого ранее существующего тега стиля, все, что мы будем делать, это старая вещь, хотя и с новыми именами.

и используются для обозначения выделенного текста. Их стиль по умолчанию соответствует и , потому что, как большинство людей демонстрируют силу и выделение в печати, — но это можно изменить. В то время как использование CSS для изменения a может показаться интуитивно понятным.

Таким образом, прямой ответ на ваш вопрос: и придать смысл тексту, тогда как , а остальные придают стилю текст, который теперь выполняется CSS. Стиль, применяемый другими, является случайным.

font-weight:bold не эквивалентен strong . Тег strong имеет этот атрибут по умолчанию, но вы можете сделать его подчеркнутым или покрасить или что-нибудь еще, что вам нравится. То, что точка: он не определяет стиль.

является семантическим для чего? Сильно подчеркнутый текст? является семантическим для чего?

«Акцент и» сильный упор не определены четко, поэтому семантический контент довольно низок.

Вы можете придумать свою собственную интерпретацию: например, я лично использую:

предназначен для частей предложения, которые будут подчеркнуты при громком произнесении

— это фрагменты текста, которые необходимо визуально отобразить: например особенно важные предложения и визуальное сканирование ключевых слов.. p >

Это непротиворечиво и в некоторой степени соответствует типичному использованию, но HTML не поддерживается.

не соответствует 1:1 курсивом, даже не учитывая проблему стилизации. Существуют и другие причины использования курсива, в том числе:

Другие работы, в соответствии с Спецификацией HTML 4.01

сбор фраз с других языков на основной текст, который равен raison d’être

почему нет семантического двойника для

Потому что все ненавидят .

Даже в дни HTML2 он редко использовался, потому что он настолько уродлив.

Подчеркивание — это остатка от возраста пишущей машинки. В то время не было никакого выбора ни для курсива, ни для смелости, поэтому единственный способ подчеркнуть слова — использовать подчеркивание. Самое приятное в подчеркивании (с точки зрения дизайнера пишущей машинки) заключается в том, что вы можете изменять существующие символы, поэтому вам не нужно иметь целый набор дополнительных символов.

Это не красиво, и больше нет необходимости в нем, поэтому используйте вместо этого курсив или полужирный.

Проблема только более выражена, поскольку подчеркивание — это стандартное оформление ссылок в HTML.

Итак, есть стиль CSS text-decoration: подчеркивание для , но не существует 1 font-weight:bold для уже? Таким образом, идет и .

Нет. Для или нет стиля CSS. Есть теги CSS для смелых, но это не одно и то же. сильные и em не означают жирный шрифт. Они означают подчеркивание. Подчеркивание можно сделать с подчеркиванием, с курсивом или с жирным шрифтом в текстовом носителе, и это до таблицы стилей, чтобы решить, какой из них. Но смысловое значение — это просто «этот текст подчеркивается». И как бы вы реализовали «подчеркивание» в программе чтения с экрана? Это не имеет смысла. подчеркивание специфично для текстовых носителей и, таким образом, относится к конкретной таблице стилей для текстового представления, а не к семантическому HTML, который может использоваться для представления данных через речевые или любые другие носители.

является семантическим для чего? Сильно подчеркнутый текст? семантический для чего? Подчеркнутый текст? Все, что принципиально отличается от друг друга и взаимоисключающими? Нет. Почему не может быть другого способа подчеркнуть текст? Вы знаете, как путь делает

Поскольку сильные и em не указывают, как следует подчеркнуть текст, просто его следует подчеркнуть. подчеркивание указывает, как его следует подчеркнуть, поэтому оно связано с представлением, а не с семантикой и принадлежит к файлу CSS. Я согласен с тем, что разница между сильными и em неопределенна, но опять же, у нас также есть h1-h7. Дело в том, что даже без таблицы стилей читатель должен иметь возможность сделать вывод, что «это больше заголовок, чем этот», и поэтому также «этот текст более акцентирован, чем тот». Семантическое значение тегов не должно принципиально отличаться друг от друга. Совершенно важно иметь семантические метки, которые просто означают «больше, чем этот другой семантический тег». Потому что иногда нам нужен несколько слоев заголовков в нашем тексте, поэтому у нас есть h1-h7. Иногда нам нужен текст, который подчеркивается, и текст, который очень подчеркивается. Но даже если бы мы этого не сделали, это все равно не было бы оправданием для добавления в качестве «другого семантического близнеца», потому что это не так. Это не семантический близнец, это ничто в семантике. подчеркивание не обязательно означает акцент. Это может означать и заголовок, или это может означать «это ссылка», или это может означать все, что вы хотите, чтобы это значило. Это деталь презентации. И это бессмысленно в нетекстовом формате. «Акцент» — это не детализация презентации. Он носит смысловой смысл, который имеет смысл независимо от среды. Вы можете также выделять информацию в фильмах, или в видеоиграх, или в тексте, читаемом вслух.

У вас, похоже, создается впечатление, что сильные и em — это только сокращенная (или длинная) для жирного или курсивного. Это неправда. Они могут использоваться для выделения жирного текста, подчеркнутого текста или курсивного текста или большего текста. Или их можно полностью игнорировать. Или они могут просто изменить произношение в устройстве чтения с экрана. Если вы когда-либо писали документы в LaTeX , вы заметите, что команда \emph там обычно отображается как курсив, а не полужирный. Конечно, этого не требовалось, но это совершенно юридическая интерпретация семантической «акцентной» команды. Точно так же существует множество других тегов, которые могут быть в конечном итоге выделены курсивом (кавычки или теги span с определенными классами CSS или даже заголовками). , с другой стороны, имеет очень специфическое значение в представлении, но не несет семантической ценности. Какую информацию он передает читателю? имеет значение «этот текст высоко поднят и должен быть обращен на него», потому что он сильно подчеркивается. Что означает подчеркивание текста? Это ничего не значит, или это может означать десяток разных вещей. «курсив», «жирный» или «подчеркивание» — это атрибуты презентации без семантического значения. Они могут применяться к любому семантическому HTML-тегу, который вам нравится. И семантические теги, такие как strong или em, могут использовать любые существующие CSS-правила, которые вам нравятся. Кажется, что нет картирования 1:1. Это разные понятия. Тот факт, что браузер по умолчанию предпочитает визуализировать сильный текст в целом, совершенно не имеет значения. Это просто поведение по умолчанию, потому что им нужно было что-то выбрать, и его можно переопределить в CSS.

Это не вопрос «может ли это быть сделано в CSS», или «Является ли это семантическим двойником этого», а просто «имеет ли он смысловое значение? Имеет ли он презентационное значение»? Если да, то оба они должны быть изменены и/или полностью удалены. Если да, то он принадлежит HTML, а если да, то он принадлежит CSS.

Strong сильное подчеркивание

Напоследок мы рассмотрим блочные элементы, которые используются практически в каждом документе. Это теги заголовков и абзаца. Рассмотрим первое. Заголовки бывают 6-ти видов и каждый имеет свой тег. Каждый вид носит лишь свой порядковый номер и записывается с помощью тегов

. Вот как выглядят все заголовки в обработанном виде:

Цифра после слова заголовок соответствует цифре в теге . Заголовки оказывают огромное влияние на на внутреннюю оптимизацию, поэтому заключайте в теги ключевые слова. Особенностей этого дела довольно много, о чем я расскажу в последующих статьях.

А теперь поговорим про тег выделения абзаца

. Функция данного тега заключается в отделении текста между

от другого такого же текста пустой строкой. Если посмотреть исходный код какого-либо документа, то вы можете увидеть следующее:

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

В итоге мы получаем довольно заметное отделение одного абзаца от другого, что идет на пользу — чтение становится более удобным.

Strong сильное подчеркивание

Наша сегодняшняя задача- создать простой html- документ. Отметим сразу, что html- документ- это текстовый файл, который сделан по определенным правилам для того, чтобы его можно было разместить в сети Интернет.
Определенные правила заключаются в том, что внутри документа есть два вида текста:1) собственно, текст, который будет виден и 2) управляющие конструкции, называемые тегами, которые указывают браузеру как выводить текст.
Браузер- если кто не знает- это программа, которая способна выводить на экран различные html- страницы, расположенные на серверах ( компьютерах, подключенных к сети Интернет) и способна также обрабатывать запросы пользователя по приему\ передаче его запросов к различным серверам.
Например, если пользователь запустил браузер Internet Explorer (или любой другой) и ввел в адресную строку путь: www.microsoft.сom, то браузер ( при условии, что на компьютере установлено соединение с сетью Интернет) выдаст главную страницу данного сервера, которая имеет адрес:http:\\ www.microsoft.сom\index.html
Другими словами, браузер выведет на экран пользователя файл index.html, который находится в определенном месте и оформлен по определенным правилам. Наша сегодняшняя задача- научиться создавать простейший файл html- формата и запустить его на нашем компьютере.
Замечание. Несмотря на то, что на наших компьютерах нет соединения с Интернетом, мы сможем запустить файл, так как браузер «увидит» его в вашем каталоге…

Обязательная структура документа

Body -тело документа

Oсновной синтаксис
тело документа FONT — размер и цвет шрифта

Oсновной синтаксис
текст или
текст
Возможные атрибуты
SIZE= — размер шрифта; цифра в диапазоне 1-7 целое со знаком, например, «+1» или «-2»
COLOR= — цвет содержимого элемента Font

P — обычный абзац

Возможные атрибуты
ALIGN= — выравнивание абзаца (LEFT, CENTER, RIGHT,JUSTIFY)

Oсновной синтаксис
часть текста

BR — перевод строки

Возможные атрибуты
CLEAR= — управление текстовым потоком
Возможные значения
Left — передвинет образ к левому краю
Right
— к правому краю
All
— сделает тоже самое и к левому и к правому краю

SAMP — образец вывода

Oсновной синтаксис
текст

Oсновной синтаксис
заголовок текста
Возможные атрибуты
ALINGH — выравнивание заголовка (LEFT, CENTER, RIGHT)

HR — горизонтальная линия

Oсновной синтаксис

Возможные атрибуты
ALINGH — горизонтальное выравнивание черты (LEFT, CENTER, RIGHT)
NOSHADE — задает отображение черты в одном цвете
SIZE — высота черты
WIDTH — ширина черты

I — курсив (представление текста курсивов)

Oсновной синтаксис
текст

SMALL — малый шрифт (меньше чем обычный)

Oсновной синтаксис
текст U — подчеркивание (для подчеркивания текста)

Oсновной синтаксис
текст

STRONG — сильное подчеркивание

Oсновной синтаксис
текст

B — жирный шрифт

Oсновной синтаксис
текст

BIG — большой шрифт

Oсновной синтаксис
текст

STRIKE — перечеркнутый текст

Oсновной синтаксис
текст

SUB — подстрочный знак

Oсновной синтаксис
текст

SUP — надстрочный знак

Oсновной синтаксис
текст

IMG — линейные изображения

Чтобы вставить рисунок в html — документ его необходимо поместить в тот же каталог, что и html — документ и воспользоваться тегом IMG. Допускается вставка рисунков формата JPEG или GIF. На самом деле есть еще несколько форматов рисунков, которые можно вставлять, но два выше упомянутых — основные.

Возможные атрибуты
STR= — адрес изображения
ALT= — текстовое описание изображения
ALIGN= — позиционирование изображения (TOP, MIDDLE, BOOTTOM, LEFT, RIGHT)
HEIGHT= — высота
W > BORDER= — ширина бордюра (рамки)
HSPACE= — ширина не заполненного пространства
VSPACE= — высота не заполненного пространства
USEMAP= — фрагмент идентификации для сайта клиента с картой образа
ISMAP= — показывает, что изображение является картой образа, реагирующей на нажатие клавиши мыши
Значение ALIGN имеют следующий смысл:
Align=Top — позиционирует верх изображения с верхом текущей текстовой строки. Браузеры по разному интерпретируют это. Некоторые принимают во внимание то, что было на текстовой строке до изображения и игнорируют, что идет на строке после него.
Align=Middle — выравнивает середину изображения по основной текстовой строке.
Align=Bottom — (по умолчанию), выравнивает низ изображения по основной строке.
Align=Left — перемещает изображение к текущему левому краю.
Align=Right — перемещает изображение к текущему правому краю.

Чтобы вставить видео в html — документ его необходимо поместить в тот же каталог, что и html — документ и можно воспользоваться тегом IMG.

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

Возможные атрибуты
ALIGN= — позиционирование изображения (TOP, MIDDLE, BOOTTOM, LEFT, RIGHT)
HEIGHT= — высота
W > BORDER= — ширина бордюра (рамки)
AUTOSTART= — включен/выключен проигрователь (True/False)
Пример:
А — якоря, гиперсвязи, и т.д.

Основной синтаксис
текст якоря
или text
Пример:
microsoft
Возможные атрибуты
NAME — имя для связанного конца
HREF — сетевой адрес для связанного ресурса
REL — указание связи вперед
REV — указание обратной связи
TITLE — заголовок для связанного ресурса

LI — списковый элемент

Основной синтаксис

содержание элемента списка

OL — упорядоченные (нумерованные) списки

Основной синтаксис


  1. элемент списка 1
  2. элемент списка 2


Возможные атрибуты
TYPE — стиль нумерации
START — начальная цифра последовательности
COMPACT — сокращенное расстояние между элементами

Основной синтаксис

строки таблицы

Возможные атрибуты
ALIGN — горизонтальное выравнивание всей таблицы
WIDTH — ширина всей таблицы
BORDER — ширина рамки
CELLSPACING — промежуток между ячейками
CELLSPADDING — промежуток между содержимом ячейки и рамкой вокруг ячейки

CAPTION — заголовок для таблицы

Основной синтаксис
строки таблицы
Возможные атрибуты
ALIGN — размешение заголовка относительно таблицы (TOP, BOTTOM)

TR — табличная строка

Основной синтаксис
заголовок ячеек(TH элементы) и данные ячеек(TD элементы)
Возможные атрибуты
ALIGN — горизонтальное выравнивание в ячейке(LEFT, CENTER, RIGHT)
VALIGN — вертикальное выравнивание в ячейке(TOP, MIDDLE, BOTTOM, BASELINE)

TH — табличный заголовок(ячейка)

Основной синтаксис
текст
Возможные атрибуты
NOWRAP — подавляет перенос слов
ROWSPAN — число строк охваченных ячейков
COLSPAN — число столбцов охваченных ячейков
ALIGN — горизонтальное выравнивание данных в ячейках
VALIGN — вертикальное выравнивание данных в ячейках
WIDTH — ширина ячейки
HEIGHT — высота ячейки

TD — табличныe данные

Основной синтаксис
данные
Возможные атрибуты
NOWRAP — подавляет перенос слов
ROWSPAN — число строк перекрываемых ячеек
COLSPAN — число столбцов перекрываемых ячеек
ALIGN — горизонтальное выравнивание данных в ячейках
VALIGN — вертикальное выравнивание данных в ячейках
WIDTH — ширина ячейки
HEIGHT — высота ячейки
Пример:

1 2 3
4 5 6
7 8 9

FORM — заполняемая форма

Возможные атрибуты
ACTION — адрес сервера, который использует форма(HTTP или URL)
METHOD — метод передачи данных, полученных от пользователя, на сервер (GET, POST)
ENCTYPE — механизм, используемый для кодирования содержимого формы

INPUT — поля ввода в формах

Основной синтаксис

Возможные атрибуты
TYPE — тип поля для ввода (TEXT, PASSWORD, CHECKBOX, RADIO, SUBMIT, RESET, FILE, HIDDEN, IMAGE)
NAME — имя для идентификации поля, когда его содержимое передается серверу
VALUE — первоначальное значение вводного поля
CHECKED — когда TYPE=RADIO или CHECKBOX, инициализирует поле к установленному состоянию
SIZE — видимый размер поля, количество символов
MAXLENGTH — максимальное количество символов, разрешенных в текстовом поле
SRC — адрес изображения
ALIGN — выравнивание изображения для графических управляющих (TOP, MIDDLE, BOTTOM, LEFT, RIGHT)
Различные значения атрибута TYPE соответствуют различным видам вводных полей.
TYPE=TEXT — одностроковое текстовое поле
Пример:

TYPE=PASSWORD — вводимые символы представляются в виде *
Пример:

TYPE=CHECKBOX — используется для простых булевых атрибутов (истина/ложь)
Пример:

TYPE=RADIO — может принимать единственное значение из множества.
Пример:

TYPE=SUBMIT — определяет кнопку, которую пользователь может нажать, чтобы передать содержимое формы серверу.
Пример:

TYPE=RESET — чтобы вернуть поля формы к исходному состоянию
Пример:

TYPE=FILE — позволяет прикрепить файл к содержимому формы.
Пример:

TYPE=HIDDEN — этот тип поля не отображается пользователю.
Пример:

TYPE=IMAGE — используется для графических кнопок отсылок, отображаемых изображением.
Пример:

SELECT (ВЫБРАТЬ) — меню выбора в форме

Возможные атрибуты
NAME — имя, которое используется для идентификации выбора меню
SIZE — устанавливает число одновременно видимых опций
MULTIPLE — означает, что пользователь может сделать множественный выбор из меню

OPTION — элемент выбора в меню Основной синтаксис

Основной синтаксис
SELECTED — задает опцию по умолчанию
VALUE — значение свойства используется, когда серверу передается содержимое формы; это свойство сочетается со свойством имени, задаваемым атрибутом NAME из внешнего элемента SELECT

Пример:
TEXTAREA — многострочное текстовое поле

Возможные атрибуты
NAME — имя, которое используется для идентификации поля с текстовым содержимым.
ROWS — количество линий видимого текста
COLS — число, задающее видимую ширину текста

Основной синтаксис
Простая кнопка
Пример:
Простая кнопка
возможные атрибуты
ONCLICK — обработка одиночного клика левой кнопки мыши
ONDBLCLICK — при двойном щелчке кнопки мыши
ONMOUSEDOWN — при нажатии кнопки мыши
ONMOUSEUP — при отпускании кнопки мыши и т.д.

Создадим документ, который разбивает область экрана на две части. Левая часть содержит оглавление разделов документа, который располагается в правой части. При выборе пункта оглавления в левой части появляется соответствующий раздел документа в правой части. Разобьем область экрана на два фрейма. Левый фрейм занимает m% ширины всего окна и будет содержать оглавление разделов документа, который загрузим в правый фрейм. Фреймовая структура задает способ организации экрана и определяет, какие документы должны быть первоначально загружены во фреймы. Создать описанную фреймовую структуру можно, если использовать документ, содержащий HTML-код :

Для того чтобы ссылки из левой части загружали файлы в правую часть, нужно прописать следующий код теггов в файл находяший в левой части.

Вы можете работать с этим пособием на любом подходящем WWW броузере.
Если Вы начали создавать и поддерживаете важные HTML документы, Вам необходимо научиться использовать проверенное программное обеспечение, т.е. программы, которые привели бы в соответствие код Вашего HTML. Даже если Вы знаете HTML, Вы можете нарушить спецификации, например, забудете поставить завершающие кавычки. Вы можете не заметить ошибку в своем программном продукте, однако Ваши читатели будут сбиты с толку и не смогут работать с документом. Поэтому Ваша программа должна быть проверенной.

Зачёркивание и подчёркивание символьными средствами ( ̶т̶а̶к̶ ̶, т̱а̱к̱ или т̲а̲к̲)

I. В чём проблема

Если социальная сеть, платформа для блогов или форум предоставляют возможность размечать текст при помощи HTML или BBCode, перечёркивать или подчёркивать текст не составляет труда: можно пользоваться тегами s и u обеих разметок или назначать стили в HTML. Но что делать, если у нас есть только голый текст? Или, например, нам нужно зачеркнуть/подчеркнуть слово в заголовке страницы, отображаемом в заголовке вкладки или всего браузера, или оформить слово в заголовке форумного поста — короче говоря, всюду, где не работает разметка?

Можно рискнуть и воспользоваться средствами Юникода.

II. Нужные символы

Богатство Юникода содержит разнообразные способы создания композитных знаков, но мы упомянем три символа, удовлетворяющие нашу потребность в большинстве случаев.

1. Зачёркивание. Символ Юникода под номером U+0336 (в десятеричной нотации 822). В статье по ссылке можно увидеть и другие, более экзотические виды зачёркивания с соответствующими символами, но нам пока хватит и такого, тем более что он наиболее симулирует эффект привычных тегов. Если вставить по такому символу после каждого знака в тексте, ̶в̶ы̶г̶л̶я̶д̶е̶т̶ь̶ ̶э̶т̶о̶ ̶б̶у̶д̶е̶т̶ ̶в̶о̶т̶ ̶т̶а̶к̶ ̶ (для пущей убедительности лучше прихватывать дополнительные обрамляющие пробелы).

2. Пунктирное подчёркивание. Символ Юникода под номером U+0331 (в десятеричной нотации 817). Подчёркнутый им текст в̱ы̱г̱л̱я̱д̱и̱т̱ ̱в̱о̱т̱ ̱т̱а̱к̱.

3. Почти сплошное подчёркивание. Символ Юникода под номером U+0332 (в десятеричной нотации 818). Подчёркнутый им текст в̲ы̲г̲л̲я̲д̲и̲т̲ ̲в̲о̲т̲ ̲т̲а̲к̲.

III. Как вводить вручную

Некоторые способы перечислены в этой статье. Обратите внимание на упомянутый там ключ реестра. Судя по моему опыту, в разных приложениях работают разные способы: в одних работал шестнадцатеричный метод, в других десятеричный. Потестируйте сами после редактирования реестра и перезагрузки. Вот нужные нам три кода (в случае шестнадцатеричных кодов первый плюс означает одновременное нажатие, второй — собственно плюс на цифровой клавиатуре; начальный ноль, судя по тестам, можно набирать или пропускать по вкусу):

1. Зачёркивание: Alt + +(0)336 или Alt + (0)822
2. Пунктирное подчёркивание: Alt + +(0)331 или Alt + (0)817
3. Почти сплошное подчёркивание: Alt + +(0)332 или Alt + (0)818

Если вы пользуетесь утилитами вроде Punto Switcher или продвинутыми редакторами, можно настроить автозамену легко вводимого сочетания на нужный символ.

IV. Сетевые сервисы автоматизации

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

V. Букмарклеты

Впрочем, пользоваться для такой простой вещи целым сайтом не очень удобно. На помощь могут прийти кросбраузерные букмарклеты. Я попробовал написать два типа: простой, но с более широкой поддержкой браузеров, и посложнее, для последних версий браузеров.

1. Оформление всего текста в любом активном текстовом поле

Достаточно совсем простого кода (он работает даже в IE8):

Можете сохранить букмарклеты cо следующим кодом у себя в закладках или избранном (в Firefox работает простое перетаскивание кода букмарклета в закладки, потом только отображаемое название хорошо бы подправить; в других браузерах, возможно, придётся вставлять код в свойства любой готовой или заново создаваемой закладки):

Подчеркнуть всё пунктиром:

Подчеркнуть всё почти сплошной линией:

2. Оформление выделенного текста в любом активном текстовом поле

Код усложняется, потому что мы пытаемся оформить только выделенный участок, восстановить точку фокуса и позицию прокрутки (тестировалось только в последнем Firefox, но по идее должно работать и в других браузерах последних версий):

Можете сохранить букмарклеты cо следующим кодом у себя в закладках:

Подчеркнуть выделенное пунктиром:

Подчеркнуть выделенное почти сплошной линией:

VI. Подводные камни

Нужно учитывать, что данный метод влечёт за собой некоторые рискованные последствия.

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

2. Если используется основной шрифт, в котором нет нужных символов, возможны уродливые глюки разной степени нечитабельности.

3. Некоторые версии браузеров вообще отказываются видеть в этих символах нужные знаки Юникода. Возможны глюки как на стадии создания первоначального текста, так и при перепостах и цитировании.

В общем, будьте осторожны, тестируйте и проверяйте.

Буду благодарен за дополнения и исправления.

Подчеркивание последней строчки

Есть заголовки,которые обычно в 2 строчки, у данных заголовков нужно подчеркнуть именно нижнею строчку.

Допустим в данном варианте, «две строчки» переносится и эти слова надо подчеркнуть.

Естественно вариант, брать нижнею строчку в доп тег, не подходит, т.к это все выводится автоматически через двиг и верстка адаптивная.

Пока в голову пришел только такой «костыль», подчеркивать через бордер тег a, делать нужный line-height, и с помощью :before, закрывать первое подчеркивание. Данный вариант работает, но проблема именно в line-height и большом отступе между строчками, чтобы закрыть первый бордер. p.s строка выравнивается по центру! Надеюсь не сильно намудрил;)

Strong — перевод, произношение, транскрипция

прилагательное ↓

наречие ↓

Мои примеры

Словосочетания

Воспользуйтесь поиском для того, чтобы найти нужное словосочетание, или посмотрите все.

Примеры

He was a big strong man.

Он был большим и сильным человеком. ☰

He’s as strong as an ox.

Он силён, как бык. ☰

She had a strong character.

У неё был сильный характер. ☰

He is as strong as a horse.

Он силён, как лошадь. (На русском языке обычно говорят: «силён, как бык») ☰

Jack was tall and strong.

Джек был высоким и сильным. ☰

Tact isn’t my strong point.

Тактичность не является моей отличительной чертой. ☰

The temptation is very strong.

Этот соблазн очень силён. ☰

He has a strong German accent.

У него сильный немецкий акцент. ☰

He has a strong jawline.

У него сильная линия подбородка. ☰

He has a strong sense of irony.

Он обладает сильным чувством иронии. / Он очень ироничный человек. ☰

Our team has a strong bench.

У нашей команды сильная скамейка запасных. ☰

The cheese has a strong odor.

У этого сыра сильный /резкий/ запах. ☰

The light was not very strong.

Свет был не очень сильным. ☰

He was the strong, silent type.

Он был сильный молчун. / Он был из сильных, немногословных людей. ☰

Tact never was my strong point.

Я никогда не отличался тактом. ☰

The team has a strong secondary.

В этой команде есть сильный страхующий (в американском футболе — игрок задней линии защиты). ☰

The strong wind tousled my hair.

Сильный ветер взъерошил мне волосы. ☰

I’m not strong enough to fight him.

Мне не хватает сил, чтобы с ним бороться /драться/. ☰

The crowd was 10,000 strong.

В толпе было десять тысяч человек. ☰

an athlete with strong muscles

спортсмен с крепкими мускулами ☰

a strong odor of burning rubber

сильный запах горящей резины ☰

The dollar was a strong currency.

Доллар был сильной валютой. ☰

Flags flapped in the strong wind.

На сильном ветру развевались флаги. ☰

I am not very strong in spelling.

Я не очень силён в орфографии. ☰

‘Sing’ is a strong verb.

«Sing» (петь) — это сильный глагол. ☰

a dog with a strong sturdy build

собака с сильным, крепким телосложением ☰

Lydia has a strong artistic bias.

У Лидии — сильная тяга /склонность/ к искусству. ☰

He had a strong desire for power.

Он обладал сильной жаждой власти. / Он сильно жаждал власти. ☰

The dancer’s technique is strong.

У этой танцовщицы сильная техника. ☰

She has a strong all-around game.

Она хорошо владеет всеми аспектами игры. ☰

Примеры, ожидающие перевода

The boat beat in the strong wind ☰

a strong presumptive case is made out ☰

Strong winds and loose rocks made climbing treacherous. ☰

Для того чтобы добавить вариант перевода, кликните по иконке ☰ , напротив примера.

Strong сильное подчеркивание

Тег является тегом фразы. Он определяет важный текст.

Совет: Этот тег не устарел, но можно добиться более насыщенного эффекта с помощью CSS.

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

Поддержка браузера

Элемент
Да Да Да Да Да

Различия между HTML 4,01 и HTML5

В HTML 4,01 тег определяет сильный подчеркнутый текст, но в HTML5 он определяет важный текст.

Глобальные атрибуты

Тег также поддерживает Глобальные атрибуты в HTML.

Атрибуты события

Тег также поддерживает Атрибуты событий в HTML.

Похожие страницы

Параметры CSS по умолчанию

В большинстве обозревателей элемент будет отображаться со следующими значениями по умолчанию:

Strong сильное подчеркивание

Наша сегодняшняя задача- создать простой html- документ. Отметим сразу, что html- документ- это текстовый файл, который сделан по определенным правилам для того, чтобы его можно было разместить в сети Интернет.
Определенные правила заключаются в том, что внутри документа есть два вида текста:1) собственно, текст, который будет виден и 2) управляющие конструкции, называемые тегами, которые указывают браузеру как выводить текст.
Браузер- если кто не знает- это программа, которая способна выводить на экран различные html- страницы, расположенные на серверах ( компьютерах, подключенных к сети Интернет) и способна также обрабатывать запросы пользователя по приему\ передаче его запросов к различным серверам.
Например, если пользователь запустил браузер Internet Explorer (или любой другой) и ввел в адресную строку путь: www.microsoft.сom, то браузер ( при условии, что на компьютере установлено соединение с сетью Интернет) выдаст главную страницу данного сервера, которая имеет адрес:http:\\ www.microsoft.сom\index.html
Другими словами, браузер выведет на экран пользователя файл index.html, который находится в определенном месте и оформлен по определенным правилам. Наша сегодняшняя задача- научиться создавать простейший файл html- формата и запустить его на нашем компьютере.
Замечание. Несмотря на то, что на наших компьютерах нет соединения с Интернетом, мы сможем запустить файл, так как браузер «увидит» его в вашем каталоге…

Обязательная структура документа

Body -тело документа

Oсновной синтаксис
тело документа FONT — размер и цвет шрифта

Oсновной синтаксис
текст или
текст
Возможные атрибуты
SIZE= — размер шрифта; цифра в диапазоне 1-7 целое со знаком, например, «+1» или «-2»
COLOR= — цвет содержимого элемента Font

P — обычный абзац

Возможные атрибуты
ALIGN= — выравнивание абзаца (LEFT, CENTER, RIGHT,JUSTIFY)

Oсновной синтаксис
часть текста

BR — перевод строки

Возможные атрибуты
CLEAR= — управление текстовым потоком
Возможные значения
Left — передвинет образ к левому краю
Right
— к правому краю
All
— сделает тоже самое и к левому и к правому краю

SAMP — образец вывода

Oсновной синтаксис
текст

Oсновной синтаксис
заголовок текста
Возможные атрибуты
ALINGH — выравнивание заголовка (LEFT, CENTER, RIGHT)

HR — горизонтальная линия

Oсновной синтаксис

Возможные атрибуты
ALINGH — горизонтальное выравнивание черты (LEFT, CENTER, RIGHT)
NOSHADE — задает отображение черты в одном цвете
SIZE — высота черты
WIDTH — ширина черты

I — курсив (представление текста курсивов)

Oсновной синтаксис
текст

SMALL — малый шрифт (меньше чем обычный)

Oсновной синтаксис
текст U — подчеркивание (для подчеркивания текста)

Oсновной синтаксис
текст

STRONG — сильное подчеркивание

Oсновной синтаксис
текст

B — жирный шрифт

Oсновной синтаксис
текст

BIG — большой шрифт

Oсновной синтаксис
текст

STRIKE — перечеркнутый текст

Oсновной синтаксис
текст

SUB — подстрочный знак

Oсновной синтаксис
текст

SUP — надстрочный знак

Oсновной синтаксис
текст

IMG — линейные изображения

Чтобы вставить рисунок в html — документ его необходимо поместить в тот же каталог, что и html — документ и воспользоваться тегом IMG. Допускается вставка рисунков формата JPEG или GIF. На самом деле есть еще несколько форматов рисунков, которые можно вставлять, но два выше упомянутых — основные.

Возможные атрибуты
STR= — адрес изображения
ALT= — текстовое описание изображения
ALIGN= — позиционирование изображения (TOP, MIDDLE, BOOTTOM, LEFT, RIGHT)
HEIGHT= — высота
W > BORDER= — ширина бордюра (рамки)
HSPACE= — ширина не заполненного пространства
VSPACE= — высота не заполненного пространства
USEMAP= — фрагмент идентификации для сайта клиента с картой образа
ISMAP= — показывает, что изображение является картой образа, реагирующей на нажатие клавиши мыши
Значение ALIGN имеют следующий смысл:
Align=Top — позиционирует верх изображения с верхом текущей текстовой строки. Браузеры по разному интерпретируют это. Некоторые принимают во внимание то, что было на текстовой строке до изображения и игнорируют, что идет на строке после него.
Align=Middle — выравнивает середину изображения по основной текстовой строке.
Align=Bottom — (по умолчанию), выравнивает низ изображения по основной строке.
Align=Left — перемещает изображение к текущему левому краю.
Align=Right — перемещает изображение к текущему правому краю.

Чтобы вставить видео в html — документ его необходимо поместить в тот же каталог, что и html — документ и можно воспользоваться тегом IMG.

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

Возможные атрибуты
ALIGN= — позиционирование изображения (TOP, MIDDLE, BOOTTOM, LEFT, RIGHT)
HEIGHT= — высота
W > BORDER= — ширина бордюра (рамки)
AUTOSTART= — включен/выключен проигрователь (True/False)
Пример:
А — якоря, гиперсвязи, и т.д.

Основной синтаксис
текст якоря
или text
Пример:
microsoft
Возможные атрибуты
NAME — имя для связанного конца
HREF — сетевой адрес для связанного ресурса
REL — указание связи вперед
REV — указание обратной связи
TITLE — заголовок для связанного ресурса

LI — списковый элемент

Основной синтаксис

содержание элемента списка

OL — упорядоченные (нумерованные) списки

Основной синтаксис


  1. элемент списка 1
  2. элемент списка 2


Возможные атрибуты
TYPE — стиль нумерации
START — начальная цифра последовательности
COMPACT — сокращенное расстояние между элементами

Основной синтаксис

строки таблицы

Возможные атрибуты
ALIGN — горизонтальное выравнивание всей таблицы
WIDTH — ширина всей таблицы
BORDER — ширина рамки
CELLSPACING — промежуток между ячейками
CELLSPADDING — промежуток между содержимом ячейки и рамкой вокруг ячейки

CAPTION — заголовок для таблицы

Основной синтаксис
строки таблицы
Возможные атрибуты
ALIGN — размешение заголовка относительно таблицы (TOP, BOTTOM)

TR — табличная строка

Основной синтаксис
заголовок ячеек(TH элементы) и данные ячеек(TD элементы)
Возможные атрибуты
ALIGN — горизонтальное выравнивание в ячейке(LEFT, CENTER, RIGHT)
VALIGN — вертикальное выравнивание в ячейке(TOP, MIDDLE, BOTTOM, BASELINE)

TH — табличный заголовок(ячейка)

Основной синтаксис
текст
Возможные атрибуты
NOWRAP — подавляет перенос слов
ROWSPAN — число строк охваченных ячейков
COLSPAN — число столбцов охваченных ячейков
ALIGN — горизонтальное выравнивание данных в ячейках
VALIGN — вертикальное выравнивание данных в ячейках
WIDTH — ширина ячейки
HEIGHT — высота ячейки

TD — табличныe данные

Основной синтаксис
данные
Возможные атрибуты
NOWRAP — подавляет перенос слов
ROWSPAN — число строк перекрываемых ячеек
COLSPAN — число столбцов перекрываемых ячеек
ALIGN — горизонтальное выравнивание данных в ячейках
VALIGN — вертикальное выравнивание данных в ячейках
WIDTH — ширина ячейки
HEIGHT — высота ячейки
Пример:

1 2 3
4 5 6
7 8 9

FORM — заполняемая форма

Возможные атрибуты
ACTION — адрес сервера, который использует форма(HTTP или URL)
METHOD — метод передачи данных, полученных от пользователя, на сервер (GET, POST)
ENCTYPE — механизм, используемый для кодирования содержимого формы

INPUT — поля ввода в формах

Основной синтаксис

Возможные атрибуты
TYPE — тип поля для ввода (TEXT, PASSWORD, CHECKBOX, RADIO, SUBMIT, RESET, FILE, HIDDEN, IMAGE)
NAME — имя для идентификации поля, когда его содержимое передается серверу
VALUE — первоначальное значение вводного поля
CHECKED — когда TYPE=RADIO или CHECKBOX, инициализирует поле к установленному состоянию
SIZE — видимый размер поля, количество символов
MAXLENGTH — максимальное количество символов, разрешенных в текстовом поле
SRC — адрес изображения
ALIGN — выравнивание изображения для графических управляющих (TOP, MIDDLE, BOTTOM, LEFT, RIGHT)
Различные значения атрибута TYPE соответствуют различным видам вводных полей.
TYPE=TEXT — одностроковое текстовое поле
Пример:

TYPE=PASSWORD — вводимые символы представляются в виде *
Пример:

TYPE=CHECKBOX — используется для простых булевых атрибутов (истина/ложь)
Пример:

TYPE=RADIO — может принимать единственное значение из множества.
Пример:

TYPE=SUBMIT — определяет кнопку, которую пользователь может нажать, чтобы передать содержимое формы серверу.
Пример:

TYPE=RESET — чтобы вернуть поля формы к исходному состоянию
Пример:

TYPE=FILE — позволяет прикрепить файл к содержимому формы.
Пример:

TYPE=HIDDEN — этот тип поля не отображается пользователю.
Пример:

TYPE=IMAGE — используется для графических кнопок отсылок, отображаемых изображением.
Пример:

SELECT (ВЫБРАТЬ) — меню выбора в форме

Возможные атрибуты
NAME — имя, которое используется для идентификации выбора меню
SIZE — устанавливает число одновременно видимых опций
MULTIPLE — означает, что пользователь может сделать множественный выбор из меню

OPTION — элемент выбора в меню Основной синтаксис

Основной синтаксис
SELECTED — задает опцию по умолчанию
VALUE — значение свойства используется, когда серверу передается содержимое формы; это свойство сочетается со свойством имени, задаваемым атрибутом NAME из внешнего элемента SELECT

Пример:
TEXTAREA — многострочное текстовое поле

Возможные атрибуты
NAME — имя, которое используется для идентификации поля с текстовым содержимым.
ROWS — количество линий видимого текста
COLS — число, задающее видимую ширину текста

Основной синтаксис
Простая кнопка
Пример:
Простая кнопка
возможные атрибуты
ONCLICK — обработка одиночного клика левой кнопки мыши
ONDBLCLICK — при двойном щелчке кнопки мыши
ONMOUSEDOWN — при нажатии кнопки мыши
ONMOUSEUP — при отпускании кнопки мыши и т.д.

Создадим документ, который разбивает область экрана на две части. Левая часть содержит оглавление разделов документа, который располагается в правой части. При выборе пункта оглавления в левой части появляется соответствующий раздел документа в правой части. Разобьем область экрана на два фрейма. Левый фрейм занимает m% ширины всего окна и будет содержать оглавление разделов документа, который загрузим в правый фрейм. Фреймовая структура задает способ организации экрана и определяет, какие документы должны быть первоначально загружены во фреймы. Создать описанную фреймовую структуру можно, если использовать документ, содержащий HTML-код :

Для того чтобы ссылки из левой части загружали файлы в правую часть, нужно прописать следующий код теггов в файл находяший в левой части.

Вы можете работать с этим пособием на любом подходящем WWW броузере.
Если Вы начали создавать и поддерживаете важные HTML документы, Вам необходимо научиться использовать проверенное программное обеспечение, т.е. программы, которые привели бы в соответствие код Вашего HTML. Даже если Вы знаете HTML, Вы можете нарушить спецификации, например, забудете поставить завершающие кавычки. Вы можете не заметить ошибку в своем программном продукте, однако Ваши читатели будут сбиты с толку и не смогут работать с документом. Поэтому Ваша программа должна быть проверенной.

Как сделать жирный или подчеркнутый текст в CSS и HTML

Заполняя свой сайт, мы обязательно сталкиваемся с необходимостью форматирования контента, для того, что бы придать ему более наглядный вид или обратить внимание читателя на какие-то основные моменты.

В сегодняшней статье мы рассмотрим с вами как сделать подчеркнутый и жирный текст CSS-стилями и HTML-тегами. Хорошо, когда как в WordPress есть визуальный редактор и можно легко придать любому фрагменту необходимый стиль написания.

Но бывают случаи, когда даже для сайта, сделанного с помощью CMS, приходится задавать форматирование CSS-стилями или HTML-тегами. В WordPress это касается заполнения виджетов «Текст», например, или редактирования текста в отдельных плагинах, которые не поддерживают визуальный редактор.

Как сделать подчеркнутый текст CSS-стилями

Чтобы как-то выделить фрагмент, и сделать его более заметным, мы можем сделать подчеркнутый текст css-стилями, используя свойство text-decoration:underline;

style = «text-decoration:underline;» > Подчеркнутый текст CSS

Подчеркнутый текст CSS

Так же это CSS-свойство имеет и другие интересные значения:

  • blink — позволяет сделать слово или предложение мерцающим,
  • line-through — перечёркивает слово или предложение,
  • overline — позволяет провести линию над словом.

Это свойство так же используется для стилизации отображения ссылок по умолчанию. Поэтому, если вы хотите что бы ссылки на страницах вашего сайта отображались без подчеркивания, вам нужно задать для нее text-decoration: none;

Подчеркнутый текст HTML-тегами

Если вы столкнулись с необходимостью сделать подчеркивание в единичном случае, то конечно писать стили для этого одного фрагмента не целесообразно. В таких ситуациях вы можете сделать подчеркнутый текст средствами HTML. Для этого вам всего лишь нужно поместить нужный фрагмент между тегами

Как сделать жирный текст CSS-стилями

Для выделения жирным в CSS предусмотрено свойство font-weight, которое в свою очередь имеет достаточно большое количество принимаемых значений, используя которые, вы можете подобрать для своей ситуации наиболее подходящий жирный текст css-стилями.

Итак, свойство font-weight может принимать фиксированные значения:

  • bold – жирный
  • bolder – еще жирнее
  • normal – начальный вид
  • lighter – делает буквы тоньше, по сравнению с normal

Кроме этого, можно использовать числовые значения, что бы подобрать степень жирности на свое усмотрение. Для этого можно задать число от 100 до 900, при этом 100 будет соответствовать значению lighter, а 900 будет иметь наибольшую жирность, на порядок выше, чем у значения bolder.

Подчеркивание текста при использовании CSS

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

а затем включил

Насколько я понимаю, при использовании CSS контент и макет разделяются. Как тогда я бы подчеркнул текст в своем объяснении? Насколько я понимаю, я должен избегать следующего:

9 ответов

Вы правы в разделении контента и макета, но в этом случае я бы обернул его в тег. Однако устарел. Что бы я использовал, это что-то вроде этого:

обозначает выделенный текст. По умолчанию используется курсив, поэтому в зависимости от сброса CSS вам также может понадобиться сбросить font-syle на normal.

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

Как вы говорите, HTML для контента, а CSS для стилей. Таким образом, вам не нужно использовать элементы стиля в вашем HTML. Действительно, когда вы мыслите в HTML, вы должны думать и о контенте семантически.

Таким образом, класс, который вы используете для вашего div.usage , очень хорошо выбран, потому что он ничего не говорит о его стиле, но о его семантике. А как насчет текста, который вы хотите подчеркнуть? Я бы сказал, что семантически это текст, который вы хотите выделить, и HTML имеет хороший элемент для этого: . Затем в своем HTML вы можете переопределить стиль браузера по умолчанию для элементов (полужирный) для нужного подчеркивания.

Если вы хотите использовать этот стиль только для выделенного текста внутри вашего элемента div.usage , то будьте более конкретны:

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

Вы должны использовать один из этих тегов: или и стилизовать их в CSS.

В своей разметке вы определяете некоторый контент, который вы хотите подчеркнуть ( ) или сильно подчеркнуть ( ). См. Http://www.w3.org/TR/html4/struct/text.html . Я бы не использовал подчеркивание для подчеркивания, так как это может сбить с толку пользователей, думая, что это гиперссылка.

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

Я бы предложил использовать

Который будет выделен жирным шрифтом по умолчанию.

Или, возможно, вы могли бы использовать желтый фон для текста, как маркер выделения .

И поместите это в свой CSS

Свойство text-украшение: подчеркивание позволяет отменять текст.

привет для подчеркивания вы можете взять небольшой пример здесь

В настоящее время люди говорят, что разметка не должна использоваться, но мало кто может подтвердить это фактическими аргументами (в отличие от цитирования предполагаемых авторитетов и использования отрицательных прилагательных). Если вы действительно хотите подчеркнуть (что, как указано здесь, обычно не очень хорошая идея в HTML-документах), то — самый простой и надежный способ. Позже вы можете решить, что хотите использовать, например, жирный шрифт вместо подчеркивания, и тогда вы можете сделать это просто в CSS:

Для акцента, другие методы почти всегда лучше, чем подчеркивание. Но бывают ситуации, когда подчеркивание является частью обычной нотации (например, в фонетике или математике), и тогда вы можете захотеть использовать (и вы не захотите полагаться на CSS).

Вы можете попробовать это:

Вы можете инкапсулировать текст, который вы хотите подчеркнуть в span, и указать класс для этого span.

Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL