Тег
Тег отмечает свой текст как аббревиатуру (ABBReviation). Несмотря на то, что этот тег включен в спецификацию HTML 4.0, он до настоящего времени не поддерживается ни одним браузером.
Тег
Тег . Так же, как и тег , используется для отметки аббревиатур. Этим тегом рекомендуется отмечать так называемые акронимы, т. е. произносимые слова, состоящие из аббревиатур. Тег возможно в будущем станет использоваться для невизуального отображения элементов, например при речевом синтезе.
Данный тег удобно использовать в сочетании с параметром TITLE, в качестве значения которого можно указать полную форму записи аббревиатуры. Тогда визуальные браузеры при наведении курсора на текст, размеченный тегом , будут выдавать полное наименование в виде появляющейся подсказки.
Заметим, что тег распознается только браузером Microsoft Internet Explorer. Пример:
СПбГИТМО - один из ведущих технических вузов Санкт-Петербурга
Тег
Тег используется для отметки цитат или названий книг и статей, ссылок на другие источники и т. д. Браузерами такой текст обычно выводится курсивом. Пример:
Невское время является одной из наиболее популярных городских газет Санкт-Петербурга
Тег
Тег отмечает свой текст как небольшой фрагмент
программного кода. Как правило, отображается моноширинным шрифтом. Этот тег
не следует путать с тегом
Являющимся элементом уровня блока, который
следует использовать для отметки больших фрагментов (листингов) кода.
Например:
Пример простейшего оператора языка программирования
C:
puts("Hello, World!");
Есть еще одно различие в использовании тегов Тэг Тэг Тег имеет два необязательных параметра: CITE и DATETIME.
Значение параметра CITE должно представлять собой URL-адрес документа, поясняющего
причины удаления данного фрагмента. Параметр DATETIME указывает дату удаления в формате: YYYY-MM-DDThh:mm:ssTZD,
определяющем год, месяц, число, часы, минуты и секунды удаления, а также часовой
пояс (Time Zone). Например: Последней принятой спецификацией языка разметки
HTML является версия Текст, помеченный тегом Тег
Тег отмечает свой текстовый фрагмент как определение
(DeFinitioN). Например, этим тегом можно отметить какой-либо термин, когда он
встречается в тексте в первый раз. Пример: Internet Explorer - это
популярный Web-браузер Тег поддерживается только браузером Microsoft
Internet Explorer. Отображается по умолчанию курсивом. Тег
Тег отмечает свой текст как вставку (INSertion).
Этот элемент полезно использовать для отметки изменений, вносимых в документ
от версии к версии. Тег может использоваться как элемент уровня
текста и как элемент уровня блока. Тег имеет два необязательных параметра: CITE и DATETIME.
Значение параметра CITE должно представлять собой URL-адрес документа, поясняющего
подробности внесенных дополнений. Параметр DATETIME указывает дату вставки в формате: YYYY-MM-DDThh:mm:ssTZD,
определяющем год, месяц, число, часы, минуты и секунды вставки, а также часовой
пояс (Time Zone). Текст, помеченный тегом , обычно отображается
подчеркнутым текстом. Тег в настоящее время распознается только
браузером Microsoft Internet Explorer. Тег
Тег (EMphasis - выделение, подчеркивание) используется
для выделения важных фрагментов текста. Браузеры обычно отображают такой текст
курсивом. Пример: Пример выделения отдельных слов
текста . Тег
Тег отмечает текст как вводимый пользователем
с клавиатуры. Обычно отображается моноширинным шрифтом, например: Чтобы запустить текстовый редактор, напечатайте: notepad Применение данного тега предпочтительнее применения тега
физического форматирования . Тег Тег Тег имеет параметр CITE, в качестве значения которого можно
указать источник цитаты. Тег
Тег отмечает текст как образец (SAMPle). Обычное
использование этого тега - отметка текста, выдаваемого программами (sample output).
Используется также для выделения нескольких символов моноширинным шрифтом. Применение данного тега предпочтительнее применения тега
физического форматирования . Например: В результате работы программы будет напечатано:
Hello, World!. Тег
Тег , как правило, используется для выделения
важных фрагментов текста. Браузеры обычно отображают такой текст полужирным
шрифтом. Пример: Санкт-Петербург расположен в самой восточной оконечности
Финского залива в устье реки Невы Применение данного тега предпочтительнее применения тега
физического форматирования . Тегом обычно размечают
более важные фрагменты текста, чем те, что размечены тегом . Тег
Тег отмечает имена переменных программ. Обычно
такой текст отображается курсивом. Пример: Задайте значение переменной N Отображение некоторых из примеров, приведенных при описании
тегов логического форматирования текста, показано на рис. 1.1. На рисунке видно,
как при наведении указателя мыши на текст, отмеченный тегом ,
выдается подсказка. Рис. 1.1.
Примеры форматирования текста
Вы, наверное, обратили внимание на то, что некоторые элементы
дают одинаковый результат. Более того, часть элементов может никак не изменять
представление фрагмента текста на экране. Может возникнуть законный вопрос:
для чего создано такое разнообразие элементов форматирования? Ответ - в названии этой группы элементов. Они предназначены
для расстановки логических ударений, выделения логических частей и подчеркивания
сути высказываний. Их использование весьма актуально, поскольку, вероятно, в
ближайшем будущем возможности браузеров возрастут, например, станет возможен
поиск цитат на Web-пространстве, а может быть следующее поколение браузеров
научится читать документы вслух. Кроме того, авторам документов ничто не мешает
уже сегодня, применяя таблицы стилей, задать желаемое отображение для любого
из тегов, переопределив значения по умолчанию. Логическое форматирование и четкое
структурирование являются признаками хорошо
составленного документа. Они обеспечивают
большую гибкость в его использовании. Существует
целая группа форматирующих элементов, согласно
своему назначению названных логическими. Ниже перечислены элементы логического
форматирования.
- используется
для выделения цитат или названий книг и статей,
при этом текст обычно выводится курсивом.
-
используется для выделения важных фрагментов
текста. Браузеры обычно отображают такой текст
курсивом.
-
элемент, выделяющий шрифтом фиксированной
ширины текст, вводимый пользователем с
клавиатуры.
-
используется для выделения нескольких символов
шрифтом фиксированной ширины.
- обычно используется для выделения важных
фрагментов текста. Браузеры отображают такой
текст полужирным шрифтом.
-
используется для отметки имен переменных, обычно
такой текст отображается курсивом.
Все перечисленные тэги являются
контейнерами, то есть требуют закрывающего тэга. Можно заметить, что некоторые
контейнеры дают одинаковый результат. Возникает
законный вопрос: зачем это сделано Ответ - в названии этой
группы элементов. Они предназначены для
расстановки логических ударений, выделения
логических частей и подчеркивания сути
высказываний. Их использование весьма актуально,
поскольку, вероятно, в ближайшем будущем станет
возможен, например, поиск цитат в
Web - пространстве.
Иногда возникает необходимость
включения в документ какой-либо цитаты. Для ее
выделения из основного текста существует тэг Современные браузеры реагируют на
элемент Последней инстанцией определения
внешнего вида документа, как уже отмечалось,
является программа просмотра читателя.
Создатель документа имеет ограниченные
возможности повлиять на этот процесс с помощью
элементов физического форматирования, список
которых приведен ниже.
- выделяет
текст полужирным шрифтом.
-
выделяет текст курсивом.
-
выводит текст шрифтом фиксированной ширины.
-
элемент подчеркивания.
-
выводит текст шрифтом большего размера.
- выводит текст шрифтом меньшего размера.
-
сдвигает текст ниже уровня строки и выводит (если
возможно) шрифтом меньшего размера.
-
сдвигает текст выше уровня строки и выводит (если
возможно) шрифтом меньшего размера.
Все элементы физического
форматирования являются контейнерами. Элементы
физического форматирования могут быть
вложенными друг в друга. При этом нужно
внимательно следить, чтобы один контейнер
находился целиком в другом контейнере. Одной из важных особенностей,
воплощенных в Среди тегов, влияющих на начертание шрифта, различают теги физического и логического форматирования
. В большинстве случаев применение сходных по значению тегов физического и логического форматирования приводит к одному и тому же эффекту. Различие между ними состоит в том, что теги физического форматирования прямо указывают на то, какие свойства шрифта следует изменить (например, сделать жирным), в то время как теги логического форматирования указывают, какой это текст (например, важный). Указание интонации текста (это и делают теги логического форматирования) вместо явного задания его свойств позволяет управлять его отображением. Приведем пример: вы считаете, что важный текст должен выделяться не жирным шрифтом, а красным цветом. При использовании тегов логического форматирования и браузера, поддерживающего такую возможность, вы можете настроить отображение текста, форматированного логически. Текст, форматированный физически, всегда будет отображаться так, как это задумал автор. Разумеется, если вы хотите, чтобы текст был именно жирным, используйте физическое форматирование. В противном случае рекомендуется использовать теги логического форматирования. Разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, в том числе не зависящим от устройства вывода информации. Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов и , будет отмечен по-разному. Однако получилось так, что в популярных браузерах результат использования этих тегов равнозначен. Другие теги логического форматирования:
- служит для описания определений; - служит для выделения цитат; - ; - используется для ввода с клавиатуры пользователя; - используется для отметки результатов, выдаваемых программами, для выделения нескольких символов моноширинным шрифтом: ; - используется для символьных переменных; - используется для аббревиатур (СНГ, КПСС, WWW); - используется для сокращений (стр. , англ.) с атрибутом TITLE; Теги и Не путайте тег В этой главе мы снова будем работать с текстом, и в отличие от материала, изложенного во второй главе: посмотрим на некоторые вещи под другим углом, а так же поговорим о ранее не вошедших в этот учебник тегах, с помощью которых так же можно форматировать текст на страницах сайта. Дело в том что все теги предназначенные для работы с текстом можно разделить на две группы: "теги физического форматирования текста" и "теги логического форматирования текста" Теперь по порядку.. О тегах физического форматирования текста речь в этом учебнике шла ранее, поэтому повторятся, не стану, а просто перечислю их: , , Всё это теги физического форматирования текста. Почему их так назвали? Да все просто.. потому что данные теги способны тем или иным способом физически воздействовать на текст.. делать его жирным, курсивом, маленьким, большим.. и т. д. Заключив текст, в какой либо тег из вышеперечисленных, мы получаем ожидаемый результат, который описан в спецификации HTML и в различных браузерах отображается практически одинаково. На всякий случай вновь покажу старый пример:
и
В коде программ часто бывает важно наличие нескольких идущих
подряд пробелов. Их отображение будет сохранено только при использовании тега
отмечает свой текст как удаленный. Этот
элемент полезно использовать для отметки изменений, вносимых в документ от версии
к версии. Тэг может использоваться как элемент уровня текста и как
элемент уровня блока.3.2
4.0 обычно отображается
перечеркнутым текстом. В спецификации HTML 4.0 этому тегу отдается предпочтение
перед тегом физического форматирования или , обозначающих
перечеркнутый текст. Однако тег
отмечает короткие цитаты в строке текста.
В отличие от тега уровня блока
при отображении не выполняется
отделение размеченного текста пустыми строками. Обычно отображается курсивом.
Тег
(в отличие от
) в настоящее время распознается
только браузером Microsoft Internet Explorer.
-
Применяется для вывода небольшого куска
программного кода шрифтом фиксированной ширины.
. Этот элемент является контейнером
и может содержать любые форматирующие тэги.
смещением текста цитаты вправо.
- элемент зачеркивания.
Пока
равнозначен. - цитированный текст в кавычках.
используются, когда нужно напомнить самому себе о том, что данный кусок текста должен быть (или уже
) вставлен или удален. Применяются при создании сайта группой дизайнеров. Могут иметь атрибуты datetime, cite, title . В datetime можно указать дату и время удаления/вставки. В cite ставится ссылка на URL, по которому содержится пояснение к данному отрывку. С помощью title пояснения вставляются прямо в тег. с тегом
Являющимся элементом уровня блока, который следует использовать для отметки больших фрагментов кода!
Теги физического форматирования текста.
,
, , , , , , …
Научная статья.
Если разбавить дистиллированную воду Н
2
О сорока процентами этилового спирта С
2
Н
5
ОН то получится жидкость в 40
о
более известную широкой публике под названием
- водка.
Впервые данную пропорцию
придлажил
предложил
Дмитрий Иванович МЕНДЕЛЕЕВ.
Распитие спиртных напитков вредит вашему здоровью.
Основная задача тегов физического форматирования текста это выполнение сугубо декоративных функций.
Однако если Вы изучали , то наверняка обратили внимание что выше перечисленные теги это далеко не все инструменты для работы с текстом! А если Вы изучали справочник скрупулезно и пристально, то наверное заметили что некоторые теги выполняют одни и те же действия над текстом..
Например, чем отличается тег от тега ? или какая разница между и ? ведь результат и там и там одинаков!
Так да не так.. отличия есть.. и они достаточно существенные!!..
Прежде чем рассказывать о новых тегах расскажу, о том, что следует подразумевать под фразой: "логическая разметка документа".
Под логической разметкой документа, прежде всего, принято понимать разметку текста тегами направленную на удобство работы поисковых систем и других программ, которые работают с данным документом, а так же придавать тексту в документе некий смысл. Так вот программам абсолютно по барабану как выглядит Ваш документ, красивый он или нет, какой стиль шрифта и текста используется и.т.д. программы в первую очередь пытаются найти логику на Вашей страничке, что бы в дальнейшем использовать её по своему усмотрению, например для более релевантной поисковой выдачи или для автоматического составления содержания Вашего документа...
Теперь давайте опять вернемся к вопросу выше: "Чем отличается тег от тега ?" - казалось бы какая разница ведь текст и там и там будет отображаться курсивом.. всё дело в том что тег - (курсив) - является тегом физического форматирования текста и предназначен в первую очередь для людей, а тег (особенно важный текст) - является тегом логического формирования текста и предназначен для машин! А то, что текст, взятый в тег , обычно в браузерах отображается курсивом - это всего лишь, скажем так "мода" и придумка браузеров.
Спецификация HTML не говорит о том, что теги логического форматирования текста должны определённым образом отображаться браузерами, что вот, например тот же тег должен быть отображен именно курсивом и не как иначе, а говорит лишь о том, что такой текст должен отличатся от основного и особым образом выделятся в документе..
Так какие теги лучше использовать? Ну раз уж мы уже заочно познакомились с тегами и покажу пример, комментарии будут ниже..
Как создать сайт?
Для того, что бы самостоятельно создать сайт для начала в блокноте нужно написать следующие теги:
Теперь объясню, почему на страницах данного сайта, как и в примере выше, в некоторых случаях используются теги и , а в других случаях и .
Всё дело в том, что мне как создателю данного сайта очень хочется, чтобы люди набрав в том же гугле фразу: "Как создать сайт? " или "Самостоятельное создание сайта " видели в первых строчках поисковой выдачи гугла ссылку: " " и переходили по ней на главную страницу моего ресурса:) . Так вот пометив нужные мне куски текста с помощью тегов и , я тем самым даю понять гуглу что этот текст важный и что на него следует обратить особенное внимание! - конечно, это не залог успеха, тем более для столь популярных (высокочастотных) пользовательских запросов, но при прочих равных условиях, это большой плюс в глазах поисковых систем.
И противоположенный случай..
Как человек старающийся сделать сайт удобным для чтения и восприятия другими людьми, я выделяю некоторые участки текста курсивом (юмор, примечания и прочую отсебятину) и жирным шрифтом (изучаемые теги в примерах), но я не хочу, чтобы поисковые системы обращали сильное внимание на фразы типа: "начало головы" "закрытие тела" - так как сайт написан для начинающих веб-ремесленников, а не для начинающих патологоанатомов, поэтому размечаю такой текст тегами и - они дают нужный результат, собственно полужирный шрифт и курсив, но не являются "красной тряпкой" для программ.
Разобравшись с сутью и предназначением логической разметки текста настало время познакомить Вас с тегами которые способны разбавить сухой текст неким смыслом.
Буду перечислять..
Выделяет в тексте аббревиатуру. Браузерами обычно подчеркивается пунктирной линией.
CSS
Практически ко всем тегам применим атрибут title - всплывающая подсказка, так вот если Вы в тексте выделяете некую аббревиатуру, старайтесь давать к ней расшифровку, используя данный атрибут.
title="Cascading Style Sheets">CSS позволит Вам без труда изменить стиль любого тега логического форматирования текста!
Данный тег выделяет в тексте акроним. Акроним это почти то же самое что и аббревиатура, только образованная из начальных букв, слов или словосочетаний, произносимая как единое слово, а не побуквенно.
Вступай в title="коммунистический союз молодёжи">комсомол !!
Так же как и с аббревиатурой для расшифровки текста желательно использовать атрибут title .
Вася Пупкин г. Урюпинск Макаронная фабрика 2010г.
Выделяет в тексте цитату или сноску на другой документ. Обычно браузеры отображают её курсивом.
Как сказал Остап Бендер
Отмечает текст как некий программный код. Обычно отображается моноширинным шрифтом.
function()
- так обозначается функция в PHP
Выделяет удалённый текст в новой версии документа. Выделенный текст станет перечёркнутым.
Напоминает теги физического форматирования
и сокращённый
- перечёркнутый текст.
Использование тега
, более предпочтительно, так как помимо того, что он разбавляет текст логикой еще и заменяет собой теги
и
, которые помечены спецификацией 4.01 как нежелательные.
Старая цена 1000р.
- Новая 999 р.!!!
Выделяет текст как определение. Как правило, когда в тексте встречается новый термин, авторы выделяют его курсивом и дают его определение, собственно для этого и нужен тег
Акроним - аббревиатура, образованная из начальных букв, слов или словосочетаний, произносимая как единое слово, а не побуквенно.
Выделяет новый текст в новой версии документа. Выделенный текст в большинстве браузеров станет подчёркнутым.
Противоположен по значению тегу
с ним же в паре обычно он и используется.
Старая цена 1000р. -
Новая 999 р.
!!!
Выделяет особенно важный фрагмент текста. Обычно отображается курсивом.
Как создать сайт? - узнай на Вебремесло.ру!!
От английского keyboard - клавиатура. Указывает текст вводимый с клавиатуры, или для названия клавиш. Обычно отображается моноширинным шрифтом.
Нажмите Ctrl + Z для того чтобы отменить последнее действие.
Выделяет в тексте цитату. В отличие от тега
цитата обозначенная тегом
автоматически берётся браузерами в кавычки.
Как сказал Остап Бендер
Лед тронулся! господа присяжные заседатели!
Кстати, есть еще и тег физического форматирования текста
данный тег тоже помечает текст как цитату и при этом выделяет его отступами и переносами строк от остального текста.
логического форматирования текста :
- браузеры автоматически берут такую цитату в кавычки. Кстати выходя за рамки темы, видом кавычек легко управлять с помощью CSS псевдокласса
lang
и его значения quotes
- кавычки.
Эта цитата создана с помощью тега логического форматирования текста : Лед тронулся! господа присяжные заседатели.. Остап Бендер. 12 стульев.
- обычно браузерами она отображается курсивом. Второе призвание такого вида цитаты это выполнение роли сноски на другой документ.
А эта цитата создана с помощью тега физического форматирования текста :
Лед тронулся! господа присяжные заседатели..
- в основном тексте она выделяется отступами и переносами строк, как правило, такой цитатой помечают длинные куски текста взятые из других источников.
Такие вот различия..
Обозначает текст, который выводится на экран в результате работы какой-либо программы. Обычно браузерами отображается моноширинным шрифтом.
В процессе решения задачи 2+2 программа выдаст ответ: 4
Выделяет особенно важный фрагмент текста. Обычно отображается полужирным.
Как создать сайт? - узнай на Вебремесло.ру!!
Выделяет текст, как переменную в работе какой либо программы. Обычно браузерами отображается курсивом.
Данная функция использует переменную $count
Ну вот собственно и все теги созданные для логической разметки текста. Примеры показывать не стану, думаю и так всё понятно, а вот несколько полезных советов по разметке текста в документе дам.
Стиль всех тегов как логического, так и физического форматирования текста, великолепно настраивается с помощью средств CSS! Мой Вам совет , если до этого момента ещё незнакомы с ним. При использовании свойств CSS в работе с текстом Вы забудете про проблему кроссбраузерности т. е. Ваш текст будет отображаться во всех браузерах именно так как нужно Вам, а не так как вздумается браузеру. Кроме того СSS открывает куда более широкие возможности связанные как со стилем текста, так и с дизайном сайта в целом.
Старайтесь правильно размечать текст на страницах Вашего сайта.. а именно:
Для начала, разбейте весь Ваш текст на параграфы с помощью тега
- это облегчит чтение текста как для людей так и для программ, кроме того, позволит Вам в дальнейшем, легко управлять текстом с помощью CSS. Вообще старайтесь не оставлять "голые" слова и предложения, не взятые в какой либо тег форматирования текста.
Соблюдайте значимость заголовков -
т. е. допустим заголовок страницы берите в тег
подзаголовки в тег
еще менее значимые подзаголовочки в тег
и т. д. В идеале на странице должен быть всего один заголовок
, потом текст разбивается несколькими
и далее по значимости заголовков.
Используйте теги логической разметки лишь там где они действительно необходимы т. е. не стоит например выделять аббревиатуру с помощью цитаты и наоборот.. на то она и логика что бы всё было логично!!
Используйте и в тех случаях, если Вы хотите акцентировать внимание на тексте не только людей, но поисковых систем, в иных ситуациях используйте и .
Когда выучите CSS забудьте и выкиньте из головы тег и все его атрибуты!! Им уже давно никто не пользуется, ну за редким исключением конечно..
Таблицы достаточно широко применяются в электронной документации, причем для Web-страниц они используются не только в традиционном смысле, как метод упорядоченного представления данных, но и для форматирования самих этих страниц. Описание таблицы на языке HTML размещается внутри тела документа, т. е. в контейнере
и . Внутри документа допускается любое число таблиц, причем некоторые из них могут быть вложенными. Каждая таблица создается в пределах контейнера <ТАВLЕ> и ТАВLЕ>, где размещается описание структуры самой таблицы и ее содержимое.Каждая строка таблицы размещается после тега
Количество строк в таблице определяется количеством строчных тегов
Таблица может иметь название - то, что в редакционной практике называется тематическим заголовком (в отличие от нумерационного), причем если в печатном издании заголовок обязательно расположен над таблицей, то в электронном он может быть расположен как сверху, так и снизу. Заголовок расположен внутри контейнера
В теге
В теге
Отметим, что параметр ALIGN может использоваться и для форматирования данных внутри каждой ячейки таблицы, например:
Фамилия ТН> | Оценка | ||||||||
---|---|---|---|---|---|---|---|---|---|
Иванов A.H. | |||||||||
Сергеев И.Д. | 5 | ||||||||
Лавров В.В. | 3 | , определяющих
характеристики отдельных ячеек
таблицы. Во всех случаях он определяет
фоновый рисунок с помощью параметра
HREF. В последней версии спецификации
HTML в теге <ТАВLЕ> появился параметр
COLS, задающий общее число колонок в
таблице. Эта дополнительная информация
ускоряет процесс построения таблицы
браузером. При создании заголовочной части таблицы, реже боковика и прографки (основной части таблицы, где размещаются данные), возникает потребность в объединении нескольких ячеек по горизонтали (в строке) или по вертикали в единое целое. Для этого используются параметры ROWSPAN и COLSPAN, первый из которых объединяет несколько строк, а второй - столбцов в одну ячейку. Пример описания такой таблицы приводится ниже.
|