Справочник от Автор24
Найди эксперта для помощи в учебе
Найти эксперта
+2

Форматирование текста в HTML-документах

Форматирование текста в HTML-документах — это описание операций и команд, связанных с форматированием текста, в формате HTML.

Введение

HTML-текст может быть представлен в спецификации компонентами для форматирования и группировки текста. Эти компоненты могут считаться контейнерами для текста и не обладают визуальным отображением. Компоненты, предназначенные для форматирования текста, способны нести смысловую нагрузку и, как правило, могут задавать для текста, который заключен внутри, стилевое оформление, к примеру, могут выделить текст жирным начертанием или отобразить его шрифтом другого семейства (свойство font-family).

Грамотное форматирование текста позволяет определить поисковым системам, какие слова могут нести важную смысловую нагрузку, по каким из них лучше выполнять ранжирование web-страницы в поисковой выдаче. Вся совокупность текстовой информации, которая отображается на сайте, размещена внутри компонента ∠body>.

Форматирование текста в HTML-документах

Заголовки считаются одним из важных компонентов web-страницы, они способны упорядочить текст путем формирования его визуальной структуры. Компоненты ∠h1>...∠h6> могут быть использованы лишь, для того чтобы выделить заголовки нового раздела или подраздела. Когда осуществляется использование заголовков, следует учитывать их иерархию, то есть, за ∠h1> обязан располагаться ∠h2> и так далее. Кроме того не следует вставлять в заголовки другие компоненты.

Компонент ∠h1> является заголовком самого верхнего уровня, который на странице рекомендуется применять лишь один раз, по мере возможности выполняя частичное дублирование заглавия страницы. Компонент ∠h1> обязан являться уникальным для всех страниц сайта. Его следует прописывать в начале статьи путем использования ключевого слова в тексте заголовка. Размер шрифта в браузере будет равняться 2em, где em является относительной единицей длины, равной размеру текущего шрифта. А верхний и нижний отступы по умолчанию равняются 0.67em.

«Форматирование текста в HTML-документах» 👇
Помощь эксперта по теме работы
Найти эксперта
Решение задач от ИИ за 2 минуты
Решить задачу
Найди решение своей задачи среди 1 000 000 ответов
Найти

Компонент ∠h2> может представлять подзаголовки компонента ∠h1>. Размер шрифта в браузере равняется 1.5em, а верхний и нижний отступ по умолчанию равняются 0.83em. Компонент ∠h3> призван показывать подзаголовки компонента ∠h2>. Размер шрифта в браузере равняется 1.17em, а верхний и нижний отступы по умолчанию равняются 1em.

Компоненты ∠h4>, ∠h5>, ∠h6> служат для обозначения подзаголовков четвертого, пятого и шестого уровней. Размер шрифта в браузере равняется 1em / 0.83em / 0.67em, а верхний и нижний отступы по умолчанию равняются 1.33em, 1.67em, 2.33em соответственно. Для каждого компонента являются доступными ‎глобальные атрибуты.

Далее рассмотрим компоненты, предназначенные для форматирования текста. Компонент ∠b> предназначен для задания полужирного начертания шрифта. Этот компонент может выделить текст, не акцентируя его важность. Для этого компонента также доступны ‎глобальные атрибуты.

Компонент ∠i> служит для отображения шрифта курсивом, что может придать тексту значимость. Для этого компонента также доступны ‎глобальные атрибуты.

Компонент ∠small> предназначен, для того чтобы уменьшить размер шрифта на единицу по отношению к обычному тексту. Для этого компонента также доступны ‎глобальные атрибуты.

Компонент ∠strong> служит для задания полужирного начертания шрифта. Данный компонент следует отнести к компонентам логической разметки, который указывает браузеру на важность текста. Для этого компонента также доступны ‎глобальные атрибуты.

Компонент ∠sub> предназначен для формирования нижних индексов. Этот компонент выполняет сдвиг текста ниже уровня строки, уменьшая его размеры. Для данного компонента также являются доступными ‎глобальные атрибуты.

Компонент ∠sup> служит для формирования степеней, то есть, данный компонент выполняет сдвиг текста выше уровня строки, уменьшая его размеры. Для данного компонента также являются доступными ‎глобальные атрибуты.

Компонент ∠ins> предназначен для выделения текста в новой версии документа путем его подчеркивания. Для этого компонента являются доступными атрибуты cite и datetime.

Компонент ∠del> предназначен для перечеркивания текста, то есть, данный компонент может использоваться, для того чтобы выделить текст, удаленный из документа. Для этого компонента являются доступными атрибуты cite и datetime.

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

Далее рассмотрим компоненты, предназначенные для ввода «компьютерного» текста. Компонент ∠code> предназначен, для того чтобы выделить фрагменты программного кода. Отображает текст непропорциональным шрифтом. Для данного компонента также являются доступными ‎глобальные атрибуты.

Компонент ∠kbd> предназначен, для того чтобы отмечать фрагмент как вводимый пользователем с клавиатуры. Может отображать текст моноширинным, то есть, непропорциональным шрифтом. Для данного компонента также являются доступными ‎глобальные атрибуты.

Компонент ∠samp> может использоваться, для того чтобы выделить результат, полученный в ходе исполнения программы. Способен отображать текст моноширинным шрифтом. Компонент ∠mark> может использоваться, для того чтобы выделить фрагменты текста в справочных целях путем окрашивания блока символов в желтый цвет. Для данного компонента также являются доступными ‎глобальные атрибуты.

Далее рассмотрим компоненты, предназначенные для ввода «компьютерного» текста. Компонент ∠code> предназначен, для того чтобы выделить фрагменты программного кода. Отображает текст непропорциональным шрифтом. Для данного компонента также являются доступными ‎глобальные атрибуты.

Компонент ∠var> предназначен для выделения имен переменных путем отображения текста курсивом. Для данного компонента также являются доступными ‎глобальные атрибуты.

Компонент ∠pre> предназначен для вывода текста на экран с сохранением изначального форматирования.

Дата написания статьи: 01.11.2022
Найди решение своей задачи среди 1 000 000 ответов
Крупнейшая русскоязычная библиотека студенческих решенных задач
Все самое важное и интересное в Telegram

Все сервисы Справочника в твоем телефоне! Просто напиши Боту, что ты ищешь и он быстро найдет нужную статью, лекцию или пособие для тебя!

Перейти в Telegram Bot