Heim > Web-Frontend > HTML-Tutorial > Ausführliche Erklärung zur Verwendung des
-Tags in HTML

Ausführliche Erklärung zur Verwendung des
-Tags in HTML

黄舟
Freigeben: 2017-06-19 15:57:34
Original
13734 Leute haben es durchsucht

Das

-Tag wird verwendet, um einige externe Inhalte zu definieren. Zum Beispiel einige Beiträge von Internetnutzern, Artikel von Journalisten oder Auszüge von Informationen aus einem Blog, Forum und anderen Medienmaterialien.

Der Inhalt, den der Benutzer sieht, entspricht keiner bestimmten Seite dieser Website der innere und äußere Inhalt sind verknüpft

Beispielcode:

Das
<html>
<body>
<article>
<h5>HTML5 项目</h5>
<p>HTML5是用于修正现在html的下一个网页规范</p>
<p>HTML5是万维网结构方面的标准</p>
</article>
</body>
</html>
Nach dem Login kopieren

article-Element stellt unabhängige, vollständige Inhalte in einem Dokument, einer Seite oder einer Anwendung in der Website-Produktion dar, die unabhängig extern referenziert sein können. Dabei kann es sich um einen Blog- oder Zeitungsartikel, einen Forumsbeitrag, einen Benutzerkommentar oder andere beliebige unabhängige Inhalte handeln. Zusätzlich zum Inhaltsbereich dient ein Artikelelement normalerweise als eigener Titel und manchmal als eigene Fußzeile.

Das Folgende ist ein Beispiel für das Artikelelement:

<article>
  <header>
    <h1>标题</h1>
    <p>发表日期:<time pubdate="pubdate">2011年7月10号</time></p>
  </header>
  <footer>
    <p>w3cmm 版权所有</p>
  </footer>
</article>
Nach dem Login kopieren

Das Artikelelement kann verschachtelt werden, und der innere Inhalt muss grundsätzlich mit dem äußeren Inhalt in Beziehung stehen. Beispielsweise können in einem Blogbeitrag Kommentare zum Artikel mithilfe von Artikelelementen verschachtelt werden. Das Artikelelement, das zur Darstellung der Kommentare verwendet wird, ist in dem Artikelelement enthalten, das den Gesamtinhalt darstellt.

Das Folgende ist ein Codebeispiel für das Artikelelement:

<article>
  <header>
    <h1>标题</h1>
    <p>发表日期:<time pubdate="pubdate">2011年7月10号</time></p>
  </header>
  <section>
    <h2>评论</h2>
    <article>
      <header>
        <h3>张三的评论</h3>
        <p>12分钟前</p>
      </header>
      <p>……</p>
    </article>
    <article>
      <header>
        <h3>李四的评论</h3>
        <p>15分钟前</p>
      </header>
      <p>……</p>
    </article>
  </section>
</article>
</article>
Nach dem Login kopieren

Das Folgende ist ein Blick auf den verschachtelten Code des Artikel-Tags:

<article> 
<header> 
<h1>article标签使用方法</h1> 
<p>发表日期:<time pubdate="pubdate">2015/8/1</time></p> 
</header> 
<p>怎样使用article标签?</p> 
<section> 
<h2>评论</h2> 
<article> 
<header> 
<h3>www.00h5.com零零H5</h3> 
<p><time pubdate datetime="2015-8-1T:21-26:00">1小时前</time></p> 
</header> 
<p>不错!</p> 
</article> 
<article> 
<header> 
<h3>零零H5www.00h5.com</h3> 
<p><time pubdate datetime="2011-12-23T:21-15:00">小时</time></p> 
</header> 
<p>对article解释</p> 
</article> 
</section> 
</article>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zur Verwendung des

-Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage