Tag ng HTML <article>

  • หน้าก่อนหน้า <area>
  • หน้าต่อไป <aside>

Definition at Gagamitan

<article> Ang tag ay nagtatalaga ng independent at self-contained na nilalaman.

Ang isang artikulo ay dapat mabasa nang malayang, at maaaring ipamahagi nang malayang mula sa buong site.

<articel> Ang mga potensyal na pinagmulan ng element ay kasama:

  • Post sa forum
  • Artikulo ng blog
  • Balita
  • Komentaryo ng mga gumagamit

Babala:Sa browser,<article> Ang element ay hindi magpapakita ng anumang espesyal na estilo. Subalit, maaari mong gamitin ang CSS upang i-style ang <article> Element (tingnan ang mga halimbawa sa ibaba).

Bilang karagdagan:

HTML DOM Reference Manual:Object ng Article

Mga halimbawa

Halimbawa 1

Tatlong independent at buong kasangkapang mga artikulo:

<article>
<h2>Google Chrome</h2>
<p>Google Chrome ay isang network browser na binuo ng Google, inilabas noong 2008. Ang Chrome ay ang pinaka-kasaling kapopular na network browser sa mundo ngayon!</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox ay isinapmok ng Mozilla ang isang malayang kodigo na network browser. Mula ika-1 ng Enero 2018, ang Firefox ay nananatiling pangalawang pinaka-kasaling kapopular na network browser.</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<h2>Microsoft Edge</h2>
</article>

ลองด้วยตัวเอง

Halimbawa 2

Ginagamit ang CSS upang itakda ang estilo ng <article> element:

<html>
<head>
<style>
.all-browsers {
  margin: 0;
  padding: 5px;
  background-color: lightgray;
}
.all-browsers > h1, .browser {
  margin: 10px;
  padding: 5px;
}
.browser {
  background: white;
}
.browser > h2, p {
  margin: 4px;
  font-size: 90%;
}
</style>
</head>
<body>
<article class="all-browsers">
  <h1>Pinaka-Kasaling Kapopular na Browsers</h1>
  <article class="browser">
    <h2>Google Chrome</h2>
    <p>Google Chrome ay isang network browser na binuo ng Google, inilabas noong 2008. Ang Chrome ay ang pinaka-kasaling kapopular na network browser sa mundo ngayon!</p>
  </article>
  <article class="browser">
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox ay isinapmok ng Mozilla ang isang malayang kodigo na network browser. Mula ika-1 ng Enero 2018, ang Firefox ay nananatiling pangalawang pinaka-kasaling kapopular na network browser.</p>
  </article>
  <article class="browser">
    <h2>Microsoft Edge</h2>
    <h2>Microsoft Edge</h2>
  </article>
</article>
</body>
</html>

ลองด้วยตัวเอง

องค์ประกอบเรียกโล่ง

<article> ตามตารางนี้ยังสนับสนุน องค์ประกอบเรียกโล่งใน HTML。

ขนาดเหตุ

<article> ตามตารางนี้ยังสนับสนุน ขนาดเหตุใน HTML。

การตั้งค่า CSS โดยมาตรฐาน

โปรแกรมบราวเซอร์ส่วนใหญ่จะแสดงค่าเริ่มต้นดังนี้ <article> องค์ประกอบ：

article {
  display: block;
}

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางนี้ระบุว่าสำหรับเวอร์ชั่นบราวเซอร์ที่สนับสนุนองค์ประกอบนี้อย่างเต็มที่

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
6.0 9.0 4.0 5.0 11.1
  • หน้าก่อนหน้า <area>
  • หน้าต่อไป <aside>