HTML의 <article> 태그 사용에 대한 자세한 설명-HTML 튜토리얼-php.cn

HTML의

태그 사용에 대한 자세한 설명

黄舟

풀어 주다： 2017-06-19 15:57:34

원래의

13696명이 탐색했습니다.

태그는 일부 외부 콘텐츠를 정의하는 데 사용됩니다. 예를 들어 일부 네티즌의 기고, 언론인의 기사, 블로그, 포럼 및 기타 미디어 자료에서 발췌한 정보입니다.

사용자가 보는 콘텐츠는 이 웹사이트의 특정 페이지에 해당하지 않습니다.

이 중첩될 수 있으며 내부 콘텐츠와 외부 콘텐츠가 관련되어 있습니다.

샘플 코드:

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

로그인 후 복사

article 요소는 웹사이트의 문서를 나타냅니다. 프로덕션, 독립적이고 완전하며 외부 소스에서 독립적으로 참조할 수 있는 페이지 또는 애플리케이션의 콘텐츠입니다. 블로그나 신문 기사, 포럼 게시물, 사용자 댓글 또는 기타독립적인 콘텐츠일 수 있습니다. 콘텐츠 섹션 외에도 기사 요소는 일반적으로 자체 제목으로 사용되며 때로는 자체 바닥글로 사용됩니다. 다음은 기사 요소의 예입니다.

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

로그인 후 복사

기사 요소는 중첩될 수 있으며, 내부 내용은 외부 내용과 연관되는 것을 원칙으로 합니다. 예를 들어, 블로그 게시물에서 기사에 대한 댓글은 기사 요소를 사용하여 중첩될 수 있습니다. 댓글을 표시하는 데 사용되는 기사 요소는 전체 콘텐츠를 나타내는 기사 요소에 포함됩니다.

다음은 기사 요소에 대한 코드 예입니다.

<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>

로그인 후 복사

기사 태그의 중첩 코드를 살펴보겠습니다.

<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>

로그인 후 복사

위 내용은 HTML의

태그 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!