Главная » 2015 » Октябрь » 10 » Заметки разработчика (основы работы с HTML) - 5

Заметки разработчика (основы работы с HTML) - 5

Специалисты студии разработки сайтов и веб-дизайна НИКА продолжают разговор о логической разметке текста. Ранее мы говорили об элементах, которые предназначены для разметки крупных блоков текста: заголовков, абзацев и списков. Сейчас рассмотрим элементы, предназначенные для разметки небольших фраз и отдельных слов. Первые два тега предназначены, чтобы указать на важность слова или фразы.

Тег <strong> определяет важность отмеченного текста.Тег <b> предназначен для выделения текста без придания ему особой важности. Визуально оба тега одинаковы, они выделяют текст полужирным. Следующие два тега предназначены для акцентирования внимания на слово или фразу.

Тег <em> определяет текст, на который сделан особый акцент, меняющий смысл предложения.

 

Тег <i> обозначает текст, который отличается от окружающего текста, но не является более важным. Обычно так выделяют названиятерминыиностранные слова. Визуально оба тега одинаковы, они выделяют текст курсивом. Иногда возникает необходимость вставить в текст перенос строки, не создавая при этом абзац. Например, при разметке стихов или текстов песен.Для этого в HTML предусмотрен одиночный тег <br>. Одиночный тег <hr> используется для того, чтобы создать горизонтальную линию-разделитель. На внешний вид этой линии можно влиять с помощью атрибутов, но правильней делать это с помощью CSS. 

В HTML существует несколько тегов для обозначения цитат:

  • <blockquote> предназначен для выделения длинных цитат, которые могут состоять из нескольких абзацев. Тег выделяет цитату как отдельный блок текста с отступами.
  • <q> предназначен для выделения коротких цитат в тексте предложения. Текст внутри этого тега автоматически обрамляется кавычками.
  • <cite> используется для того, чтобы выделить источник цитаты, название произведения, но не автора цитаты.

Следующие два тега обычно используются не для выделения слов, а для выделения отдельных символов. Их используют для указания единиц измерения или для написания простых формул.

Например: Cy2=1

Тег <sup> отображает текст в виде верхнего индекса.

Тег <sub> отображает текст в виде нижнего индекса.

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

Эти теги можно использовать внутри друг друга для создания более сложных формул.

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

В HTML5 появился новый тег <mark>, который обозначает выделенный текст. Иногда при работе с объёмными текстами мы используем маркер, чтобы выделять ключевые слова, идеи или что-то другое на что стоит обратить внимание. Такое же назначение и у тега <mark>. В современных браузерах текст внутри <mark> подсвечивается жёлтым фоном.

Продолжение следует...

 

 

Категория: Заметки разработчика | Просмотров: 1337 | Добавил: nikozavr | Рейтинг: 5.0/1
Всего комментариев: 0
avatar

Категории раздела

Заметки разработчика [8]
Заметки на тему работы с HTML. Уроки от дизайнеров и программистов студии НИКА. От простого к сложному.
Регламент веб-дизайнера [4]
Специалисты веб студии НИКА расскажут о секретках и правилах веб-дизайна.
Регламент копирайтера [2]
Специалисты студии НИКА пишут тексты с уникальностью до 100% на любую тематику. Некоторыми правилами и приемами копирайтинга делимся с начинающими писать.
Секреты дизайнера сайтов [2]
Основы работы с CSS
Опыт создания сайтов [1]
Специалисты студии НИКА рассказывают о нюансах при разработке веб-сайтов

Вход на сайт

Поиск