Тег статьи HTML - httpdoc.ru

Тег статьи HTML

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

Этот тег обычно используется в сообщениях в блогах, сообщениях на форуме, комментариях и т. Д.


Тег статьи HTML

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> HTML Article Tag </title>
</head>
<body>

<article>  
<h2>Linux OS</h2>  
<i>(Operating System) </i>  
<p>Linux is a free open-source Operating System, built around the Linux Kernel.

Linus Torvalds is the Father of Linux.</p>  
</article>    

</body>
</html>

Выход

HTML Article Tag Examples

ОС Linux

(Операционная система)

Linux - это бесплатная операционная система с открытым исходным кодом, построенная на ядре Linux. Линус Торвальдс - отец Linux.


Пример
<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title> HTML Article Tag </title> 
</head>
<body>
<article>
  <header>
    <h1>Apple</h1>
    <p>Published: <time pubdate datetime="2019-3-31">9th October, 2009</time></p>
  </header>
  <p>The <b>apple</b> is the pomaceous fruit of the apple tree...</p>
  ...
  
  <section>
    <h2>Comments</h2>
    <article>
      <header>
      <h3>Posted by: Apple Lover</h3>
      <p><time pubdate datetime="2019-3-31:10-08:00">~1 hour ago</time></p>
    </header>
    <p>I love apples, my favourite kind are Granny Smiths</p>
    </article>
    
    <article>
      <header>
        <h3>Posted by: Oranges are king</h3>
        <p><time pubdate datetime="2019-2-25:15-08:00">~1 hour ago</time></p>
      </header>
      <p>Urgh, apples!? you should write about ORANGES instead!!1!</p>
    </article>
  </section>
</article>

</body>
</html>

Выход

HTML Article Tag

яблоко

Опубликовано:

Яблоко является семечковые плоды яблони ...

...

Комментарии

Автор: Apple Lover

Я люблю яблоки, мои любимые сорт - Granny Smiths

Автор: Апельсины - король

Ух, яблоки !? лучше писать про АПЕЛЬСИНЫ !! 1!


Поддержка браузера

Элемент
Microsoft Edge browser.png Край
Chrome browser.png Хром
Firefox browser.png Fire Fox
Opera browser.png Опера
safari browser.png Сафари
<article>
да
да
да
да
да