HTML :: Физическое и логическое форматирование html-документа
В предыдущих версиях HTML элементы, отвечающие за форматирование документа, делились на две группы: элементы физического и логического форматирования. Однако в пятой версии языка все элементы физической разметки, которые не были удалены, изменили свое назначение и стали относиться к группе элементов логического форматирования.
– это процесс форматирования html -кода при помощи набора соответствующих элементов разметки, которые используются в основном для определения внешнего вида своего содержимого при отображении его браузером.
Приведем описание тегов, которые в предыдущих версиях HTML можно было смело отнести к тегам физического форматирования:
Все перечисленные элементы формируются соответствующими парными тегами и отображаются браузерами как строчные элементы.
Использование перечисленных элементов разметки показано в примере №1 .
Я – просто жирный текст.
Я – курсивный.
Я – подчеркнутый.Я – зачеркнутый.
А вот это выражение похоже на странную формулу:
aверхний индекс + bнижний индекс.
Для изменения внешнего вида используйте не нас, а стили CSS!
Пример №1. Использование элементов физической разметки
Как видим, указанные теги вполне можно было бы использовать для физической разметки документа. Тем более, что сами названия явно указывают на предназначение элементов: italic, bold, underline и т.д. Однако все это пережитки старых версий, и применять какие-либо теги только лишь для изменения внешнего вида текста крайне не рекомендуется. Ведь в HTML 5 все теги имеют логическую нагрузку, хотя отношение некоторых из них к логическим и выглядит несколько натянутым. Однако в любом случае, теперь HTML 5 практически полностью используется в веб-программировании, как инструмент логической разметки документа, а за внешний вид отвечает CSS .
Логическое форматирование html-документа
– это процесс форматирования html -кода при помощи набора соответствующих элементов разметки, которые предназначены главным образом для структурной, логической разметки документа, определяя степень важности своего содержимого и его отношение к тому или иному типу данных, а также выделяя смысловое отличие своего содержимого от окружающего контекста.
Приведем описание тегов логического форматирования:
Все перечисленные элементы также формируются соответствующими парными тегами и отображаются браузерами как строчные элементы (см. пример №2 ).
PHP – скриптовый язык общего назначения.
Узнайте, как расшифровывается аббревиатура PHP, наведя на нее курсор.
Хотя первоначально аббревиатура PHP означалаPersonal Home Page Tools,
теперь ее стоит расшифровывать как Hypertext Preprocessor.Давайте посмотрим на фрагмент кода PHP:
echo "Всем привет от PHP!";.
Как сказал автор кода на своей страничке http://www.fdpppdf.com:Великий код!.Для запуска кода нажмите на клавиатуре ALT+SHIFT+«Поехали!».
На экран будет выведено приветствие: «Всем привет от PHP!».
Убедились? Оператор echo – это сила! Все права на пример защищены марсианским законодательством.
Пример №2. Использование элементов логической разметки
Не смотря на то, что при логической разметке внешний вид форматируемого текста по умолчанию не всегда устраивает разработчика, изменить его не составляет труда при помощи стилей CSS . При этом логика разметки никоим образом не пострадает, и для поисковых машин такие изменения не будут считаться решающими.
В завершение пункта отдельно приведем описание еще двух элементов логической разметки документа:
Использование данных элементов показано в примере №3 .
Бернард Шоу
Мир настолько сгнил, что даже влюбиться в кого-то —Связаться с автором цитаты не получится.
это самый большой риск, который мы можем себе позволить.
Нас сжимает изнутри от вероятности, что это окажется не
взаимно или агрессивно воспринято. Люди разучились любить,
миром правят потребительские отношения.
Пример №3. Использование элементов «address» и «blockquote»
Быстрый переход к другим страницам
html.okpython.net Copyright © 2016-2023.
Для разметки заголовков используются теги , , , , и . Эти теги требуют соответствующего закрывающего тега. Как правило, чем выше уровень заголовка, тем больше информации для читателя содержит этот раздел. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги . относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него осуществляется вставка пустой строки.
Содержимое заголовков оказывают сильное влияние на поисковые результаты, по этой причине лучше всегда использовать эти теги, несмотря на то, что с помощью стилей любой текст можно установить большого размера и, тем самым, сделать его заголовком.
Теги заголовков могут задаваться с атрибутом горизонтального выравнивания align, который может принимать следующие значения:
- right – позиционирование заголовка по правой границе документа;
- left – позиционирование заголовка по левой границе документа;
- center – позиционирование заголовка по центру документа.
По умолчанию заголовки выравниваются по левому краю страницы.
Горизонтальные линии.
Другим методом разделения документа на части является проведение горизонтальных линий. Они визуально подчеркивают законченность той или иной области страницы.
Тег
позволяет провести горизонтальную линию в окне браузера. Этот тег не является контейнером, поэтому не требует закрывающего тега. До и после линии автоматически вставляется пустая строка. Тег
может иметь следующие атрибуты:
- align – выравнивание линии, может принимать значения left, center, right;
- color – указывает цвет линии;
- noshade – рисует линию без трехмерных эффектов;
- size – устанавливает толщину линии в пикселях;
- width – устанавливает длину линии, указывается в пикселях или процентах от ширины окна браузера.
Использование предварительно отформатированного текста.
В HTML-документах для разбивки текста по абзацам и обеспечения при-нудительного перевода строки следует пользоваться специальными тегами. Однако бывают случаи, когда в HTML-документ необходимо включить текст, уже имеющий форматирование, выполненное традиционным способом при помощи символов перевода строки, необходимого количества пробелов, символов табуляции и т. д. Для решения таких задач предусмотрен специальный тег-контейнер , определяющий предварительно форматированный (преформатированный) текст.
Текст, размеченный тегом , будет отображаться в таком виде, как он выглядит в обычном текстовом редакторе. Для отображения всегда будет использоваться моноширинный шрифт.
Текст внутри контейнера может содержать элементы форматирования уровня текста, кроме следующих: , , , и . Недопустимо внутри преформатированного текста задавать элементы форматирования уровня блока, например, теги заголовков. Тег абзаца по логике вещей также не должен встречаться внутри преформатированного текста, однако если встречается, то будет реализовывать переход на новую строку (без образования пустой).