5. Теги strong и b

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

Тег <strong> определяет важность отмеченного текста.

Тег <b> предназначен для выделения текста без придания ему особой важности.

Лучше всего отличия этих тегов будут заметны людям, которые используют специальные настройки операционной системы, в частности, слепым и слабовидящим. Когда они включают функцию чтения текста, то «говорилка» будет интонацией выделять слова с тегом <strong>. То же самое касается и тегов <em> и <i>. Тег <em> «говорилка» будет выделять интонацией.

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

Отметим, что новый смысл тегу <b> придали в HTML5. Раньше это был тег, который просто делает текст полужирным. То есть он был предназначен только для визуального форматирования.

6. Теги em и I

Следующие два тега предназначены для акцентирования внимания на слово или фразу.

Тег <em> определяет текст, на который сделан особый акцент, меняющий смысл предложения.

Тег <i> обозначает текст, который отличается от окружающего текста, но не является более важным. Обычно так выделяют названия, термины, иностранные слова.

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

Новый смысл тегу <i> придали в HTML5. Раньше это был просто тег для выделения текста курсивом.

7. Теги br и hr

Иногда возникает необходимость вставить в текст перенос строки, не создавая при этом абзац. Для этого в HTML предусмотрен одиночный тег <br />.

Одиночный тег <hr /> используется для того, чтобы создать горизонтальную линию-разделитель.

8. Тег mark

В HTML5 появился новый тег <mark>, который обозначает выделенный текст.

Иногда при работе с объёмными текстами используется маркер, чтобы выделять ключевые слова, идеи или что-то другое, на что стоит обратить внимание. Такое же назначение и у тега<mark>.

В современных браузерах текст внутри <mark> подсвечивается жёлтым фоном.

9. Ссылки

Ссылка обычно выглядит как подчёркнутый участок текста, щёлкая на который происходит переход на другую страницу, открывается изображение или скачивается файл. Ссылки создаются с помощью тега <a>. Адрес ссылки задаётся с помощью атрибута href:

<a href="http://ssuwt.ru">СГУВТ</a>

Значением атрибута является URL, который обычно называют просто адрес. Адреса бывают разные: абсолютные, относительные, указывающие на страницу, на файл, изображение, содержащие якорь и так далее. А значит и ссылка может указывать на любой объект в интернете.

Адреса могут быть абсолютными и относительными.

1. Абсолютные адреса

Абсолютные адреса содержат в себе протокол, имя сервера и путь. Например, в адресе https://htmlacademy.ru/courses:

https:// — это протокол

htmlacademy.ru — имя сервера, также называется домен или хост

/courses — путь

Абсолютный адрес хорош тем, что однозначно указывает расположение документа. Браузер просто запрашивает по указанному протоколу с указанного сервера документ с указанным путём.

Иногда абсолютные адреса записываются в укороченном виде, например вот так: /courses.

В этом случае, браузер подставляет протокол и сервер текущей страницы. Например, если на сайте https://htmlacademy.ru есть ссылка с адресом /courses, то браузер для запроса преобразует её в такую: https://htmlacademy.ru/courses.

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