Сдам Сам

ПОЛЕЗНОЕ


КАТЕГОРИИ







Верхние и нижние индексы





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

<p>The chemical formula for water is H<sub>2</sub>O, and itis also known as hydrogen hydroxide.</p><p>The famous formula for mass-energy equivalence as derivedby Albert Einstein is E=mc<sup>2</sup> - energy is equal to the mass multiplied by the speed of light squared.</p>

Разрыв строки

В связи с тем, как HTML определяет разделитель, невозможно управлять разрывом строк текста (как в случае разметки почтового адреса в качестве параграфа, но с представлением каждой части адреса на отдельной строке) простым нажатием клавиши Enter во время записи текста. Разрыв строки можно ввести в документ с помощью элемента br. Однако он должен применяться для принудительного разрыва строки, там где это требуется, а не для увеличения вертикального интервала между параграфами или чего-то подобного в документе — это более правильно делается с помощью CSS. Иногда может быть легче использовать блок предварительно форматированного текста, а не вставлять элементы br. Или, если необходимо определенную часть некоторого текста представить на отдельной строке, но это, в общем-то, вопрос стилевого оформления, его можно поместить в элемент span и задать его вывод как элемента блочного уровня. Поэтому, например, можно написать показанный ранее контактный адрес компании Opera следующим образом:

<p>Our company address: </p><address>Opera Software ASA,<br>Waldemar Thranes gate 98,<br>NO-0175 OSLO,<br>NORWAY</address>

Естественно, если используется XHTML, а не HTML, то элемент должен записываться следующим образом: <br />.

Горизонтальная линейка

Горизонтальная линейка создается в HTML с помощью элемента hr. Он вставляет в документ линию, которая должна представлять границу между различными разделами документа. Хотя кое-кто считает, что это по сути несемантический, а чисто визуальный, презентационный эффект, в действительности в литературе имеются прецеденты для существования такого элемента. В главе (которая может быть описана как раздел в книге) горизонтальная линейка будет использоваться между сценами, которые происходят в различное время и/или в различных местах. Также в поэзии можно использовать декоративные разрывы для разделения различных строк стихотворения. Никакое применение не будет оправдывать существование элемента нового заголовка, что является допустимым способом разметки границ между разделами документа. Элемент hr не имеет необычных атрибутов и должен оформляться с помощью CSS, если обычного представления будет недостаточно. Как и для разрыва строки, при использовании XHTML, а не HTML, используйте <hr />.

Изменения в документах (вставка и удаление)

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

Новый текст (вставки) должен быть заключен в элемент ins. Текст, который был удален (удаления) должен быть заключен в элементdel. Если текст изменился, что в действительности является удалением и вставкой в одной точке документа, правильная форма предполагает сначала удаление текста, а затем вставку. Оба элемента могут использовать два атрибута, которые придают дополнительный смысл редактированию. Если причина изменения сообщается на странице или где-то в Web, необходимо сделать ссылку на этот документ или фрагмент в атрибутеcite. Он, по сути, сообщает: "Это изменение произошло по следующей причине". Можно также указать время, когда было сделано изменение, используя атрибут datetime. Значение должно быть отметкой времени по стандарту ISO, которая имеет обычно форму "YYYY-MM-DD HH:MM:SS ±HH:MM" (дополнительная информация доступна в Wikipedia,http://en.wikipedia.org/wiki/ISO_8601).

Пример использования обоих атрибутов:

<p>We should only solve problems that actually arise. As <cite><del datetime="2008-03-25 18:26:55 Z" cite="/changes.html#revision-4">Donald Knuth</del><ins datetime="2008-03-25 18:26:55 Z" cite="/changes.html#revision-4">C. A. R. Hoare</ins></cite> said: <q>premature optimization is the root of all evil</q>.</p>

Некоторые будущие элементы HTML

Как отмечалось несколько раз в этой и некоторых других статьях, в данный момент создается предложение по HTML версии 5 (http://www.w3.org/html/wg/html5/). Это будет наиболее радикальное обновление HTML с момента его возникновения. Изучая реальные паттерны HTML, используемые в Интернет, а не придумывая, что могло бы быть полезно людям, он имеет хорошие шансы воспринять семантику документов, которая в настоящее время является лишь немного большим, чем соглашение, и вставить ее непосредственно в спецификацию. Примеры нескольких элементов, намеченных для введения в HTML, которые могли бы реально улучшить способ кодирования и использования документов, включают:

header - содержит верхний колонтитул (титульные данные) страницы; состоящий обычно из логотипа и заголовка, возможно короткой области "о странице" и некоторой глобальной навигации сайта, такой как ссылки login/ logout /profile.

· footer - содержит нижний колонтитул страницы, который состоит обычно из дополнительных ссылок по сайту, копирайта и другой юридической информации

· nav - содержит основные навигационные ссылки страницы

· article - содержит часть страницы, которая является областью основного контента, исключая все другие элементы страницы, такие как навигация, верхний и нижний колонтитулы

· aside - содержит информацию врезки в заданной области страницы, и может также использоваться для извлечения цитат или примечаний в основном контенте

Существуют и другие элементы, которые можно найти в самой спецификации HTML 5 (http://www.whatwg.org/specs/web-apps/current-work/).

Заключение

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

Лекция 22:

Базовые контейнеры — элементы div и span

Аннотация: Дается объяснение, как и когда применять в HTML элементы span и div, которые не используются для описания контента, но являются базовым механизмом, позволяющим создать специальную структуру или объединить в группы элементы, где не подходит в действительности никакой другой элемент HTML

Введение

В этой статье я собираюсь объяснить, как и когда использовать в HTML два элемента, которые не используются для описания контента. Элементы span и div фактически не соответствуют никакому значению контента, который они охватывают; вместо этого они являются базовым механизмом, который позволяет создать специальную структуру или объединить в группы элементы, где не подходит в действительности никакой другой элемент HTML, и затем оформить это некоторым стилем с помощью CSS или выполнить манипуляции с помощью JavaScript. Хотя элементы div не добавляют никакого семантического значения, они могут рассматриваться, как представляющие структурное разбиение разметки, вместе с соответствующим семантическим классом или именем ID. Они являются "тегом последней надежды" и должны использоваться только там, где не подходит никакой другой элемент HTML, так как они не имеют значения для вспомогательных технологий, поисковых систем, и т.д.

Статья имеет следующую структуру:

· Семантически нейтральный

· Строковые или блочные

· Объединение контента в группу

· Дополнительная информация

· Зацепки для JavaScript, а также для CSS

· div-itis

· Неприемлемая семантика

o Базовые параграфы

o Презентационные элементы

· Заключение

· Контрольные упражнения







Что способствует осуществлению желаний? Стопроцентная, непоколебимая уверенность в своем...

Система охраняемых территорий в США Изучение особо охраняемых природных территорий(ООПТ) США представляет особый интерес по многим причинам...

ЧТО ТАКОЕ УВЕРЕННОЕ ПОВЕДЕНИЕ В МЕЖЛИЧНОСТНЫХ ОТНОШЕНИЯХ? Исторически существует три основных модели различий, существующих между...

Конфликты в семейной жизни. Как это изменить? Редкий брак и взаимоотношения существуют без конфликтов и напряженности. Через это проходят все...





Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:


©2015- 2024 zdamsam.ru Размещенные материалы защищены законодательством РФ.