HTML тег
HTML тег используется для разделения раздела страницы на логические блоки, блок должен быть связан с общим разделом, но иметь свой собственный смысл и быть отдельной логической единицей страницы.
Примеры возможных блоков:
- сообщение на форуме
- газетная статья
- запись в блоге
- пользовательский комментарий
Элементы могут быть вложены друг в друга. Например сообщение на форуме может находится в одном элементе , а каждый комментарий к сообщению в отдельном дочернем элементе .
Атрибуты
Стиль по умолчанию
article
Пример
Netscape умер
Окончание поддержки для браузеров Netscape. AOL(America OnLine) имеет долгую историю в Интернете, являясь одной из первых компаний, которая подключила людей к Интернету.
Результат данного примера в окне браузера:

Тег
<article>, и с чем его едятКратко
Тег <article> обозначает законченный и самодостаточный раздел документа, описывающий какую-то сущность: статью, товар, карточку пользователя и т. д. Пример
Рекурсия! article> h1>Тег code><article>code>, и с чем его едятh1> h2>Краткоh2> p> Тег code><article>code> обозначает законченный и самодостаточный раздел документа, описывающий какую-то сущность: статью, товар, карточку пользователя и т. д. p> h2>Примерh2> pre> code>Рекурсия! code> pre> article>
Как пишется
Скопировать ссылку «Как пишется» Скопировано
article> article>
Как понять
Скопировать ссылку "Как понять" Скопировано
Тег семантически «помечает», что его содержимое — это какая-то одна конкретная сущность. Никакого поведенческого или иного оформления это не даёт, визуально выглядит как блочный -элемент.
Подсказки
Скопировать ссылку "Подсказки" Скопировано
или ?
Скопировать ссылку "article или section?" Скопировано
Например, если мы верстаем книгу с главой «Бран», повествующей «о 7-летнем юноше, сыне лорда Винтерфелла», то это скорее всего , так как в книге наверняка есть и другие разделы (главы, не обязательно только об этом персонаже).
С другой стороны, можно представить твит, виджет с погодой или рекламный баннер — каждый из этих блоков будет уже , потому что каждый из них полноценен и самодостаточен по своему содержанию.
Следы невиданных зверей
История о том, как возле столовой появились загадочные розовые следы с шестью пальцами, и почему это случилось.
!DOCTYPE>
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor's draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft ( Черновик спецификации ) — первая черновая версия стандарта.
Браузеры
| 9 | 12 | 5 | 11.1 | 5 | 4 |
| 4.4 | 4 | 11.1 | 4.2 |
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
См. также
- Знакомство с HTML
- Что всё это значит?
- Элемент
Тег article, независимый раздел
Отлично, с крупными блоками главной страницы разобрались. Можем переходить к внутренней странице с записью блога. На ней будут располагаться уже привычные шапка, основное содержание и подвал.
Шапка у внутренних страниц будет повторяться: в ней будет находиться блок навигации со ссылкой на главную. На главной был уникальным и попал в , на внутренних повторяется, поэтому мы поместим его в .
Внутри на внутренней пока располагается только пост, но позже там могут появиться другие разделы, например, облако тегов. Поэтому пост сразу нужно выделить каким-то тегом. Может для этого подойдёт уже знакомый нам тег ? Да, подойдёт, но есть кое-что получше!
И это тег , который обозначает цельный, законченный и самостоятельный фрагмент информации. А пост в блоге именно такой.
Тег , в отличие от , можно вырвать из одного места и вставить в другое (на другую страницу сайта или на другой сайт), и смысл содержимого тега при этом не потеряется. Примеры: статья, пост в блоге, сообщение на форуме и так далее.
Я фотка в Инстаграме, смотрюсь отлично где угодно
Теги можно использовать внутри , если там нужно выделить отдельные смысловые блоки.
Точно так же можно использовать внутри , если в логическом разделе документа содержатся независимые контентные блоки.
Перейти к заданию
- index.html Сплит-режим