• Теги html для форматирования документа.

    Теги для разметки содержания документа

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

    Теги для разметки названия документа, разделов, подразделов, глав и тд.:<h1>...</h1>, <h2>...</h2>, <h3>...<h3>, <h4>...</h4>, <h5>...</h5>, <h6>...</h6>, <hr>, <head>.

    <h1> ... <h1> наиболее важный заголовок в тексте
    <h6>...</h6> - наименее важный заголовок в тексте.
    <hr> - тематическое разделение содержания. Визуально во многих браузерах выглядит как горизонтальная черта отделяемая пустыми строками от текста. Логически завершает текстовые блоки открытые тегами <h1>-<h6>.
    <head> - не является дочерним тегом элемента <body> ... </body> и поэтому не выводится браузером. Является тегом метаданных и несет информацию о самом документе HTML.

    Теги для выделения абзацев: <p>...</p>, <br>, <pre> ... </pre>

    <p>...</p> - выделяет абзац, отделяя его от предыдущего и последующего текста пустой строкой.
    <br> - перенос строки.
    <pre> ... </pre> - определяет блок предварительно форматированного текста.

    Теги для изменения начертания шрифта.

    Теги выделяющие текст жирным шрифтом:<b> ...</b>, <strong> ...</strong>

    <b> ... </b> — выделение текста жирным шрифтом
    <strong> ... </strong> — усиленное логическое ударение (обычно отображается жирным шрифтом)

    Теги выделяющие текст курсивом: <em>...</em>, <i>...</i>.

    <em> ... </em> — логическое ударение (обычно отображается курсивным шрифтом).
    <i> ... </i> — физическое выделение текста курсивом.

    Тег выделяющии текст подчеркиванием шрифта: <u>...</u>.

    <u> ... </u> — подчёркивание текста.

    Тег выделяющие фон шрифта:<mark> ... </mark>.

    <mark> ... </mark> - выделение текста маркером.

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

    Тег выделяющий старую редакцию текста:<del> ... </del>.

    <del> ... </del> - зачеркивание текста, тк текст стал неактуальным и был обновлен в новой редакции документа.

    Тег выделяющий новую редакцию текста: <ins> ... </ins>.

    <ins> ... </ins> - подчеркивает текст в новой редакции документа.

    Теги для написания формул:<sub> ... </sub>, <sup> ... </sup>.

    <sub> ... </sub> - подстрочный текст. Например, H2O.
    <sup> ... </sup> — надстрочный текст. Например, E=mc2.

    Теги для выделения цитат: <blockquote> ... </blockquote>, <q> ...</q>

    <blockquote> ... </blockquote> - выделяет в тексте цитаты, отступом и переносами.
    <q> ... </q> - выделяет цитаты в тексте кавычками.

    Теги для выделения компьютерных кодов: <code> ... </code>, <kbd> ... </kbd>, <samp> ... </samp>, <var> ... </var>

    <code> ... </code> - моноширинный текст, для выделения программного кода.
    <kbd> ... </kbd> - моноширинный текст, для выделения текста веденного с клавиатуры.
    <samp> ... </samp> - моноширинный текст, для вывода результатов работы программы.
    <var> ... </var> — выделение, как правило, курсивом имен переменных .

    Тег для выделения комментариев в тексте: <!-- >.

    <!-- --> Комментарии не отображаются в браузере.

    Тег для выделения аббревиатур в тексте:<abbr> ... </abbr>.

    <abbr> ...</abbr> - подчеркивание шрифта, как правило пунктирной линией, для выделения аббревиатур(сокращений).

    Тег для зеркального отображения текста: <bdo> ... </bdo>

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

    Тег для выделения определений:<dfn> ... </dfn>.

    <dfn> ... </dfn> — выделение, как правило, курсивом определений.

    Тег для выделения названий книг, песен, фильмов, картин и тд.:<city> ... </city>.

    <city> ... </city> — выделение, как правило, курсивом названий книг, песен, фильмов, картин и тд.

    Тег для выделения контактной информации автора документа или статьи:<adress> ... </adress>.

    <adress> ... </adress> — выделение, как правило, курсивом контактной информации автора/владельца документа или статьи.
    Эта статья изначально была опубликована в теме форума: теги разметки в html автор темы JackPot Посмотреть оригинальное сообщение