Перейти к содержимому

Article html что это

  • автор:

HTML тег

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

Примеры возможных блоков:

  • сообщение на форуме
  • газетная статья
  • запись в блоге
  • пользовательский комментарий

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

Атрибуты

Стиль по умолчанию

article

Пример

 

Netscape умер

Окончание поддержки для браузеров Netscape. AOL(America OnLine) имеет долгую историю в Интернете, являясь одной из первых компаний, которая подключила людей к Интернету.

Результат данного примера в окне браузера:

Пример использования тега 

<article></p>
<p>» width=»420″ height=»259″ /></p>
<p>Копирование материалов с данного сайта возможно только с разрешения администрации сайта <br />и при указании прямой активной ссылки на источник. <br />2011 – 2024 © puzzleweb.ru | razumnikum.ru</p>
<h2>Article html что это</h2>
<p>Тег для создания самостоятельных единиц контента: от карточек до комментов. Не для статей!</p>
<p>Время чтения: меньше 5 мин</p>
<p>Открыть/закрыть навигацию по статье<br />
Контрибьюторы:</p>
<p>Обновлено 1 марта 2023</p>
<h3>Кратко</h3>
<p>Скопировать ссылку «Кратко» Скопировано</p>
<p>Тег обозначает законченный и самодостаточный раздел документа, описывающий какую-то сущность: товар, карточку пользователя, рекламный баннер, виджет.</p>
<h3>Пример</h3>
<p>Скопировать ссылку «Пример» Скопировано</p>
<pre> <span tabindex=

Тег <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-летнем юноше, сыне лорда Винтерфелла», то это скорее всего , так как в книге наверняка есть и другие разделы (главы, не обязательно только об этом персонаже).

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

article

Следы невиданных зверей

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

Каждая спецификация проходит несколько стадий одобрения.

  • 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 Сплит-режим

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *