В данном разделе рассмотрим элементы, отвечающие за текстовое содержимое веб-страницы.

⇐ ПредыдущаяСтр 2 из 36Следующая ⇒

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

<! -- --> - комментарий. Комментарии не отображаются в браузере и служат для пояснений, включаемых разработчиком в текст кода.

Пример использования:

<! --Код для старых браузеров -->

< h1>...< /h1>, < h2>...< /h2>, …, < h6>...< /h6>, - заголовки.

В HTML существует шесть уровней заголовков: от h1 до h6.

Заголовки в правильной структуре документа должны располагаться по порядку (например, h2 не должен идти перед h1), размер и другое оформление заголовка - задача CSS. Браузеры по умолчанию, как правило, отображают заголовки жирным шрифтом уменьшающегося размера.

< р>...< /р> - абзац.

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

< pre>...< /pre> - предварительно отформатированный текст.

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

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

Рисунок 1 – Текст в теге pre и его отображение в окне браузера

Изменять гарнитуру шрифта и параметры пробелов при помощи таблиц стилей в этом случае не рекомендуется. Заранее отформатированный текст может включать любые внутристрочные элементы, за исключением img, object, big, small, sub, sup и font, которые нарушили бы выравнивание столбцов моноширинных символов.

< em> … < /em> – обозначает выделенный текст. Содержимое элемента em обычно отображается курсивом.

< strong> …< /strong> –обозначает сильно выделенный, важный по смыслу текст. Содержимое элемента strong обычно отображается полужирным шрифтом.

< abbr> … < /abbr> –этим тегомобозначают сокращенную форму, аббревиатуру.

< cite> …< /cite> – название работы (книги, музыки, фильма, и тому подобного) или ссылка на другой документ - книгу, журнал, статью. Содержимое этого элемента чаще всего отображается курсивом.

< q> …< /q> –этим тегомобозначается краткая внутристрочная цитата. Содержимое данного тега в окне браузера выводится в кавычках.

< dfn> …< /dfn> –этим тегомобозначается определение термина или его первое вхождение в текст документа. < dfn> …< /dfn> может использоваться для привлечения внимания в тексте к появлению новых специальных терминов и фраз. Содержимое тега обычно отображается курсивом.

< code> …< /code> –в этот тег заключаетсятекст скрипта или программный код. В этом случае по умолчанию код отображается в браузере назначенным шрифтом фиксированной ширины, чаще – Courier.

< kbd> …< /kbd> –в такой тег заключаетсятекст, введенный пользователем с клавиатуры («keyboard» - клавиатура, англ.). Может использоваться в технических документах, обычно отображается фиксированной ширины шрифтом.

< samp> …< /samp> –обозначает пример выходных данных программы, скрипта и т.п. Может использоваться в технических документах. Чаще всего содержимое тега < samp> …< /samp> по умолчанию отображается фиксированной ширины шрифтом.

< var> …< /var> –в этот тег помещают имяпеременной или аргумент программы. Это еще один элемент, который наиболее полезен в технической документации. Переменные обычно отображаются курсивом.

< mark> < / mark> - определяет важную часть текста.

< ruby> < / ruby> - определяет небольшую аннотацию (для типографии Восточной Азии).

< rp> < / rp> - определяет, что показывать браузеру, который не поддерживает тег < ruby>.

< rt> < / rt> - определяет объяснение/произношение символов, используется внутри тега < ruby>.

< bdi> < / bdi> - изолирует фрагмент текста для изменения его направления вывода.

< bdo> < /bdo> - переопределяет текущее направление текста.

< br /> -разрыв строки. Это – одиночный тег. Текст, идущий после элемента br, начинается с новой строки без добавления пробела перед ним.

< del> < / del> - определяет текст, который был удален из документа. Обычно отображается как перечеркнутый.

< ins> < / ins> - определяет текст, который был добавлен в документ. Обычно текст отображается подчеркнутым.

< span> < / span> - контейнер для строчного содержимого. Это – абстрактный внутристрочный тег, которому можно добавить свойства с помощью CSS.

< wbr> < / wbr> - определяет возможный перенос строки в тексте. Элемент nobr (сокращение от no break – нет переноса) запрещает перевод строки. Элемент wbr (word break – перенос слова) позволяет авторам указать предпочтительное место для перевода строки. Эти элементы никогда не были внесены в рекомендации HTML, но они продолжают использоваться и поддерживаться Internet Explorer (всеми версиями) и Mozilla. Эти элементы не поддерживаются браузерами Safari и Opera.

< time> … < / time> - определяет время или дату.

< sub> … < / sub> - определяет текст как нижний индекс (подстрочный текст).

< sup> …< /sup> - определяет текст как верхний индекс (надстрочный текст).

< script> … < / script> - клиентский сценарий. В этот тег пишут код сценария на языке Java Script.

< noscript> …< / noscript> - альтернативный контент для браузеров, в которых не поддерживаются сценарии.

Еще раз повторим, что элементы следует выбирать по смыслу, а не по визуальному эффекту в браузере. Элементы текста могут содержать другие внутристрочные элементы.

Стилевые элементы

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

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

< i> < /i> - преобразует текст в курсивный (текст с наклонным начертанием).

< s> (< strike> ) < / s> (< / strike> ) - определяет зачеркнутый текст.

< small> < / small> - текст маленького размера (на единицу меньше текущего). В HTML существовал также тег big, определяющий текст размера на единицу большего, чем текущий, но в HTML5 от него отказались.

< u> < / u> - подчеркнутый текст.

< b> < / b> - выделяет текст полужирным шрифтом.

⇐ Предыдущая 123 4 5 6 7 8 9 10 Следующая ⇒