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

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

В браузере это будет выглядеть так:

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

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

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

Тэг имеет два необязательных параметра: CITE и DATETIME . Значение параметра CITE должно представлять собой URL-адрес документа, поясняющего причины удаления данного фрагмента.

Параметр DATETIME указывает дату удаления в формате: YYYY-MM-DDThh:mm:ssTZD , определяющем год, месяц, число, часы, минуты и секунды удаления, а также часовой пояс ( Time Zone ).

Тэги физического форматирования текста

Заключенные между этими тег имеет свойства жирного текста. Имеет атрибут title — позывает текст в виде всплывающей подсказки.

Данный тег увеличивает размер отображения текста.Имеет атрибут title — позывает текст в виде всплывающей подсказки.

Служит для выбора шрифта для текста. Атрибуты:

• size — размер текста от 1 до 7
• color — цвет текста

Данный тег вставляет в страницу горизонтальную линию. Атрибуты:

• size — высота и толщина линии
• width — ширина линии
• noshade — создание линии без тени
• color — меняет цвет линии

Данный тег позволяет сделать текст наклонным

Логическое форматирование html

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

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

Между разработчиками НТМL-документов долгое время шли споры о преимуществах и недостатках того или иного подхода. С выходом спецификации НТМL 4.0 эти споры завершились в пользу применения логического форматирования, поскольку был провозглашен принцип отделения структуры документа от его представления. Действительно, только на базе логического форматирования можно гибко управлять представлением документа, используя современные методы (основанные на таблицах стилей, динамически изменяющихся документах и т. д.)

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

5.1. Элементы логического форматирования.

5.1.1. Элемент .

5.1.2. Элемент .

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

5.1.3. Элемент .

Элемент используется для отметки цитат или названий книг и статей, ссылок на другие источники и т. д. Браузерами такой текст обычно выводится курсивом. Пример:

5.1.4. Элемент .

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

5.1.5. Элемент .

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

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

Атрибут datetime указывает дату удаления в формате: YYYY-MM-DDThh:mm:ssTZD , определяющем год, месяц, число, часы, минуты и секунды удаления, а также часовой пояс (Time Zone). Например:

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

5.1.6. Элемент .

Элемент отмечает свой текстовый фрагмент как определение (definition). Например, этим элементом можно отметить какой-либо термин, когда он встречается в тексте в первый раз. Пример:

5.1.7. Элемент .

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

Элемент имеет два необязательных атрибута: cite и datetime . Значение атрибута cite должно представлять собой URL-адрес документа, поясняющего подробности внесенных дополнений.

Параметр datetime указывает дату вставки в формате: YYYY-MM-DDThh:mm:ssTZD , определяющем год, месяц, число, часы, минуты и секунды вставки, а также часовой пояс (Time Zone).

Текст, помеченный элементом , обычно отображается подчеркнутым текстом.

5.1.8. Элемент .

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

Применение данного элемента предпочтительнее применения элемента физического форматирования .

5.1.9. Элемент .

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

Применение данного элемента предпочтительнее применения элемента физического форматирования .

5.1.10. Элемент .

Элемент отмечает короткие цитаты в строке текста. В отличие от элемента уровня блока

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

5.1.11. Элемент .

Элемент отмечает текст как образец (sample). Обычное использование этого элемента — отметка текста, выдаваемого программой (sample output). Используется также для выделения нескольких символов моноширинным шрифтом.

Применение данного элемента предпочтительнее применения элемента физического форматирования . Например:

5.1.12. Элемент .

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

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

5.1.13. Элемент .

Элемент отмечает имена переменных программ. Обычно такой текст отображается курсивом. Пример:

5.2. Элементы физического форматирования.

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

5.2.1. Элемент .

Элемент отобоажает текст полужирным шрифтом. В большинстве случаев рекомендуется вместо элемента использовать элемент логического форматирования . Пример:

5.2.2. Элемент .

Элемент отобоажает текст курсивом. Для большинства случаев вместо этого элемента рекомендуется использовать элементы , , или , поскольку последние лучше отражают назначение выделяемого текста. Например:

5.2.3. Элемент .

Элемент отображает текст моноширинным шрифтом. Для большинства случаев вместо этого элемента лучше использовать элементы , или . Пример:

5.2.4. Элемент .

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

5.2.5. Элементы и .

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

5.2.6. Элемент .

Элемент выводит текст шрифтом большего (чем непомеченная часть текста) размера. Вместо этого элемента лучше использовать элемент . Например:

5.2.7. Элемент .

Элемент выводит текст шрифтом меньшего размера. Поскольку в HTML нет элемента, противоположного по действию элементу , то для этих целей можно применять элемент . Например:

5.2.8. Элемент _.

Элемент _{сдвигает текст ниже уровня строки и выводит его (если возможно) шрифтом меньшего размера. Удобно использовать для математических индексов. Например:}

5.2.8. Элемент .

Элемент сдвигает текст выше уровня строки и выводит его (если возможно) шрифтом меньшего размера. Удобно использовать для задания степеней чисел в математике. Например:

5.3. Элемент .

Элемент задает параметры шрифта. Он относится к элементам физического форматирования уровня текста.

Назначение параметров шрифта непосредственно в тексте документа нарушает основную идею разделения содержательной части документа и описания формы представления документа. Поэтому в спецификации HTML 4.0 данный элемент, а также элемент отнесены к отмененным. Их дальнейшее применение не рекомендуется.

• face — указывает тип шрифта, которым браузер будет выводить текст. Если такого шрифта не будет найдено на компьютере пользователя, то данное указание будет проигнорировано и будет использован шрифт, установленный по умолчанию. Допускается использовать несколько названий шрифтов, разделяя их запятыми. Например:
• size — устанавливает размер шрифта в собстванных условных единицах от 1 до 7 (7 — самый крупный). По умолчанию используется значение size="3" , что обычно соответствует 12 пунктам. Поддерживается относительное изменение. Для этого перед значением атрибута ставится знак «плюс» (+) или «минус» (-). Например, size="+1" увеличит шрифт на одну единицу по сравнению с текущим размером, size="-2" — уменьшит на две единицы.
• color — указывает цвет шрифта в системе RGB. Например:

5.4. Элемент .

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

Также как и элемент — не рекомендуемый — и имеет те же атрибуты.

HTML учебник. Бесплатные уроки HTML для начинающих разработчиков и веб-мастеров. Пробуем создать простой HTML сайт.

Важные слова в HTML: логическое форматирование HTML документа или как выделить смысл ключевых слов в HTML

• 12.07.2016
• HTML, Верстка сайтов
• Один комментарий

Привет, посетитель сайта ZametkiNaPolyah.ru! Этой записью мы продолжаем рубрику: Верстка сайтов, в которой есть раздел HTML. Ранее мы уже говорили о том, как можно неправильно выделять слова в HTML при помощи тегов непосредственного форматирования. Теперь мы поговорим о том, как передать смысл слов в HTML и о том, как показать важность тех или иных слов, встречающихся в HTML документе. Дело всё в том, что тэги непосредственного форматирования не имеют смысла, а лишь используются для того, чтобы как-то изменить отображение текста на странице, поэтому стандарт HTML ввел дополнительную группу тэгов: тэги логического форматирования. Логическое форматирование в HTML отличается от непосредственного тем, что каждый тэг этой группы имеет определенный смысл, а не просто изменяет способ отображения того или иного слова в документе.

Важные слова в HTML: логическое форматирование HTML документа или как выделить смысл ключевых слов в HTML

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

1. Для чего, собственно, нам нужно выделять смысл слов в HTML документе и какие плюсы нам даст такой подход.
2. Как HTML позволяет выделять смысл фраз и слов на странице.
3. Так же здесь вы найдете полный список тэгов логического форматирования HTML документа.
4. И в завершении записи будет пример выделения слов в HTML при помощи логических тэгов.

Для чего выделять слова в HTML документе

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

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

Поэтому важно научиться не просто выделять слова в HTML, а использовать правильные HTML тэги, которые правильно передают назначение и смысл слов в HTML документе. Такое выделение слов в HTML получило название: логическое форматирование.

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

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

Что мы можем делать с фразами и словами в HTML?

Мы сказали, что HTML позволяет передавать смысл слов при помощи тэгов логического форматирования. Но, что мы можем сделать с фразами и словами в HTML? Как мы можем выделить слова? И почему нам нужно некоторые фразы и слова выделять обязательно? Это хорошие вопросы, на которые нам предстоит дать ответ чуть ниже.

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

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

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

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

Переменные в технических текстах – это тоже просто слова, но HTML позволяет передать программ интерпретирующим документ, что данное слово, это не просто слово, а именно переменная.

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

Изначально стандарт HTML, как и стандарт HTTP разрабатывался в ЦЕРНе для умных дядек (здесь вы можете узнать более подробно про HTTP протокол), чтобы те могли легко обмениваться научными трудами по сети без специальной подготовки. В научных трудах часто встречаются непонятные термины. По сути термин – это обычное слово, но слово имеющее определенный смысл (в разных трудах смысл термина может быть разным), поэтому HTML позволяет выделять слова, являющиеся терминами особым образом.

Как часто вы встречаете в тексте аббревиатуры и акронимы? Да, наверное, очень часто. Аббревиатуры и акронимы можно назвать словами, которые можно специально выделить средствами HTML, чтобы все читающие понимали, что это не просто набор букв в верхнем регистре, а именно аббревиатура или акроним.

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

А может у вас есть новостной сайт? Или вы ведете сайт, на котором публикуются законы или стандарты. Тогда вы неизбежно сталкиваетесь с проблемой актуальности того или иного закона, стандарта, новости, ведь мир не стоит на месте. HTML позволяет выделить актуальность слов, например, была принята поправка к закону и какая-то его часть в скором времене станет не актуальной и вместо нее нужно опубликовать что-то другое. HTML позволяет сделать такое выделение слов, при этом и человек, и программа, работающие с вашим документом будут понимать, что одни слова скоро будут неактуальны, а другие слова скоро вступят в силу.

Список тэгов для выделения важных слов в HTML документе

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

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

1. HTML тэг . Данный тэг относится к группе логического форматирования HTML документов и предназначен для того, чтобы выделить важные слова в HTML документе. Текст внутри тэга браузер выделит курсивом, поисковая система будет понимать, что данная фраза, слово, предложение является ключевым для этого текста, а голосовые браузеры будут выделять слова внутри HTML тэга интонацией или громкостью, тем самым показывая, что они важные.
2. HTML тэг . Как и относится к тэгам логического форматирования и предназначен для выделения важных слов в HTML документе. По принципу схож с предыдущим, но графически выделяет текст жирным начертанием.
3. Тэг . Тэг группы логического форматирования, используется для того, чтобы показать интерпретирующей программе и человеку, кого цитирует данный текст. Графически текст выделяется курсивом.
4. Тэг . Отвечает за логическое форматирование и передает смысл слова, которое встречается в HTML документе. А смысл он передает следующий: текст, находящийся внутри тэга является кодом программы. Слова внутри HTML тэга графически выделяются курсивом.
5. Тэг . Данный тэг нужен для того, чтобы показать, что некоторые слова в HTML документе, это не просто слова, а текст, введенный с клавиатуры или же какое-то сочетание клавиш, которое нужно нажать. Слова внутри тэга будут выделены моноширинным шрифтом.
6. HTML тэг . Данный тэг является представителем группы логического форматирования. В HTML документе переменные будут обычными словами до тех пор, пока мы их не выделим при помощи тэга , как только мы выделили слово HTML тэгом и браузер, и поисковая система будут считать, что данное слово – это переменная. Текст внутри элемента будет выделен курсивом.
7. HTML тэг . По идеи разработчиков стандарта должен использоваться на всех сайтах, где пишут про программирование. HTML тэг используется для того, чтобы сказать браузеру о том, что данный текст это не просто набор слов, а результат работы программы.
8. HTML тэг . Термины в HTML документе – просто слова, пока не выделить их тэгом . Если в вашем документе термин встречается впервые, и читатель его еще не знает, то выделите данный термин при помощи тэга . Графически текст внутри элемента будет выделен курсивом.
9. Тэг . Тэг для логического форматирования, который говорит браузеру о том, что данное слово – это аббревиатура. Вместе с тэгом всегда используйте HTML атрибут title, тогда, при наведении курсора на аббревиатуру, люди будут видеть ее расшифровку, а поисковая система и браузер будут понимать, что означает данная аббревиатура и использовать это в своих целях.
10. Тэг . Аналогичен по своему действию тэгу , но используется для того, чтобы показать, что слово в HTML документе является акронимом.
11. HTML тэг . Данный тэг используется для того, чтобы показать, что набор слов, который встречается в HTML документе связан между собой, так как это прямая речь или цитата. Текст внутри контейнера Q обрамляется кавычками.
12. HTML тэг