Text-level tags. Представляет ссылку на ресурс Атрибуты (валидные для html5): download href hreflang media ping Rel target type. - презентация

1 Text-level tags

2

3 Представляет ссылку на ресурс Атрибуты (валидные для html5): download href hreflang media ping Rel target type

4 href – содержит адрес ссылки Адреса бывают нескольких типов: URL URI Кроме того, они бывают: абсолютными относительными Используйте относительные ссылки в рамках одного сервера

5 URL – ссылается на файл [protocol]://[host]/[path]/[file] URI – ссылается на объект (объект определяется значением identifier), внутри документа (файла) [protocol]://[host]/[path]/[file]#identifier

6 Абсолютная ссылка /public_html/index.html /public_html/siberia/tunguska.html Относительная ссылка jd.html tunguska.png #history

7 атрибуты, не используемые без href: download – если без значения, то браузер постарается скачать ресурс. Может содержать шаблон – имя файла. hreflang – язык ресурса target – определяет контекст где будет открыт ресурс: _self – открывает ссылку в том же контексте (вкладке, окне, фрейме) _blank – открывает ссылку в новом контексте (вкладке, окне) _parent – открывает ссылку в «родительском контексте» (иначе аналогичен _self) _top – открывает ссылку в новом top-level контексте rel – определяет связь между документом, содержащим эту ссылку и ссылаемым ресурсом. Представляет собой список отношений, разделенных запятой. type – MIME типа ресурса ( MIMETYPES)

8 Атрибут rel. Типы ссылок (отношений) alternate archives author bookmark external first help icon index last license next nofollow noreferrer pingback preconnect prefetch preload prev search stylesheet sidebar tag up

9 другие атрибуты media – содержит медиа запрос. Используется для ссылок на специфичные таблицы стилей ping – если есть, то браузер посылает уведомление (ping) по URL, если пользователь переходит по ссылке

10 Подчеркивает, акцентирует внимание Каждый уровень вложенности увеличивает акцент По-умолчанию отображается курсивом Block-level content в html 5 теперь называется flow content

11 Используется для выделения: важного контента предупреждений, предостережений контента, с которым нужно ознакомится прежде всего Вложенные тэги могут увеличивать важность По-умолчанию отображается жирным шрифтом

12 Какая-нибудь инструкция Комплект поставки заглушка - 2 шт. гайка - 2 шт.... Сборка изделия Внимание! Перед началом работы убедитесь в наличии всех запасных частей из комплекта поставки. Возмите гайку и засуньте ее в......

13 Представляет «side-comment» и «small print» По-умолчанию размер шрифта меньше (large, medium, small, x-small) Пример использования – копирайт, Одноместный номер 199 без учета НДС Двухместный номер 239 без учета НДС

14 Представляет контент, который больше не является корректным или не соответствует остальному контенту. Не путать с По-умолчанию отображается перечеркнутым Пирожки с картошкой Обычная цена: 30 р. Супер цена: 20 р.

15 Представляет ссылку на авторский текст (труд). Может содержать: Название работы Информацию об авторе (человек, группа, организация) URL Авторский труд, это книга, статья, эссе, поэма, песня, фильм, тв-шоу, игра, скульптура, картина, опера, выставка, отчет, веб-сайт, веб- страница, пост на форуме или блоге, твит…

16 По словам Путина В.В. ливийских террористов забомбят прямо в их же сортирах

17 Comment by Oli Studholme August 19th, 2013 at 4:01 pm Unfortunately I don't think adding names back into the definition of cite solves the problem: of the 12 blockquote examples in Examples of block quote metadata, there's not even one that's just a persons name. A subset of the problem, maybe…

18 Содержит цитируемый контент Атрибут: cite – содержит URL источника По-умолчанию, при отображении, содержимое тега помещается в кавычки На странице About W3C говорится, что миссия организации W3C заключается в реализации всех потенциальных возможностей всемирной паутины путем создания протоколов и руководящих документов, способствующих ее развитию.

19 Представляет «термин» Содержащий этот тэг блок, должен содержать определение для этого термина По-умолчанию отображается курсивом Объект - это дискретная сущность, обладающая индивидуальностью

20 Представляет аббревиатуру или акроним Атрибуты: title – содержит расшифровку аббревиатуры или акронима НДС

21 Представляет контент, считываемый программно Атрибут value – содержит программно-считываемое представление данных

22 Представляет дату и время (по грегорианскому календарю) Атрибуты: datetime – строка, содержащая дату (и опционально время) в определенном формате Формат даты и времени: [YY]YY-MM[-DD[T][HH:MM[:SS[.NNN]][Z|offset]]] Web 2.0 Conference : October 5 - 7, at the Argent Hotel, San Francisco, CA

23 Представляет фрагмент исходного кода программы Для сохранения форматирования, может быть помещен внутри тэга public class FirstApp{ public static void main (String[] args) { System.out.println("Hello world"); } }

24 Представляет переменную (в математических формулах, программах, физическая величина, параметр функции, E = m c 2

25 Представляет пример вывода программы или компьютерной системы public class FirstApp{ public static void main (String[] args) { System.out.println("Hello world!"); } } Результат выполгнения программы Hello world!

26 Представляет пользовательский ввод (с клавиатуры, голосовые команды и т.п.) Чтобы закрыть окно, нажмите Alt + F4

27 и Представляют нижний индекс (sub) и верхний индекс (sup) Используется, как правило, для разметки простых формул в документах, чтобы обойтись без более сложных инструментов (LaTeX или MathML) 10-я точка ( x 10, y 10 ). E = m c 2 f( x, n ) = log 4 x n

28 Выделяет контент, который отделен от остального (например, определения, названия, фразеологизмы и т.д.) По-умолчанию отображается курсивом Не путайте с тэгом Термин flow content определен выше.

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

30 Можно использовать для выделения ошибок в тексте Применение крайне ограничено По-умолчанию контент отображается подчеркнутым (что может быть интерпретировано как ссылка)

31 Представляет контент документа, связанный (относится) с другим контентом, но не является цитатой. Используется для привлечения внимания пользователя. Когда используется в цитате, указывает на некоторую мысль, не представленную в оригинальном тексте. Когда используется не в цитате, выделяет часть документа, соответствующую текущей активности пользователя (например, поисковые системы могут выделять на странице ключевые слова, введенные пользователем).

32 позволяет использовать специальные аннотации, используемые, в основном, для указания произношения или других аннотаций текстов, написанных на Азиатских языках. - базовый текст - аннотация - определяет контейнер для текста - содержит текст, который отображается если браузер не поддерживает отображение нотации

33 base annotation jou zu

34 Используются для разметки текста, читаемого справа-налево.

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

36 Представляет переход на новую строку, который является частью контента (например, в стихотворениях или адресах) Не путайте переход на новую строку, который является частью параграфа, и 2 отдельных параграфа часть часть блок блок

37 Представляет контент, добавленный в документ Атрибуты: cite – ссылка на источник контента или информацию о вставке datetime – дата (и опционально время) изменения I like fruit. Apples are tasty. So are pears.

38 Представляет контент, удаленный из документа Атрибуты: cite – ссылка на источник контента или информацию об удалении datetime – дата (и опционально время) изменения Список дел Починить посудомойку Сходить в кино Скачать новый ASOT Купить принтер