cari
Rumahhujung hadapan webhtml tutorialhtml中关于 <article > 标签的使用详解

html中关于 <article > 标签的使用详解

Jun 19, 2017 pm 03:57 PM
htmlgunakira-kiraLabel

23c3de37f2f9ebcb477c4a90aac6fffd 标签是用来定义一些来自外部的内容。比如一些网友的投稿或是新闻记者的文章或是摘取某博客、论坛的信息,以及其他媒介资料。

用户看到的内容并不是对应本网站的一个具体的页面,23c3de37f2f9ebcb477c4a90aac6fffd是可以嵌套使用的,内外层内容相关联

示例代码:

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

article元素代表网站制作中的文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或者报刊中的文章、一片论坛帖子、一段用户评论,或其它任何独立的内容。除了内容部分,一个article元素通常用作它自己的标题,有时还有它自己脚注。

下面是一段关于article元素的实例:

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

article元素是可以嵌套的,内层的内容原则上需要与外层的内容相关联。例如,一篇博客文章中,针对该文章的评论就可以使用嵌套article元素的方式,用来呈现评论的article元素被包含在表示整体内容的article元素里面。

下面是一个关于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标签嵌套的代码: 

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

Atas ialah kandungan terperinci html中关于 <article > 标签的使用详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
HTML dan Kod: Melihat lebih dekat pada istilahHTML dan Kod: Melihat lebih dekat pada istilahApr 10, 2025 am 09:28 AM

Htmlisaspecifictypeofcodefocusedonstructuringwebcontent, manakala "kod" secara meluas ini

HTML, CSS, dan JavaScript: Alat penting untuk pemaju webHTML, CSS, dan JavaScript: Alat penting untuk pemaju webApr 09, 2025 am 12:12 AM

HTML, CSS dan JavaScript adalah tiga tiang pembangunan web. 1. HTML mentakrifkan struktur laman web dan menggunakan tag seperti, dan sebagainya. 2. CSS mengawal gaya laman web, menggunakan pemilih dan atribut seperti warna, saiz font, dan lain-lain.

Peranan HTML, CSS, dan JavaScript: Tanggungjawab TerasPeranan HTML, CSS, dan JavaScript: Tanggungjawab TerasApr 08, 2025 pm 07:05 PM

HTML mentakrifkan struktur web, CSS bertanggungjawab untuk gaya dan susun atur, dan JavaScript memberikan interaksi dinamik. Ketiga melaksanakan tugas mereka dalam pembangunan web dan bersama -sama membina laman web yang berwarna -warni.

Adakah HTML mudah belajar untuk pemula?Adakah HTML mudah belajar untuk pemula?Apr 07, 2025 am 12:11 AM

HTML sesuai untuk pemula kerana mudah dan mudah dipelajari dan dapat melihat hasilnya dengan cepat. 1) Keluk pembelajaran HTML adalah lancar dan mudah dimulakan. 2) Hanya menguasai tag asas untuk mula membuat laman web. 3) Fleksibiliti yang tinggi dan boleh digunakan dalam kombinasi dengan CSS dan JavaScript. 4) Sumber pembelajaran yang kaya dan alat moden menyokong proses pembelajaran.

Apakah contoh tag permulaan dalam html?Apakah contoh tag permulaan dalam html?Apr 06, 2025 am 12:04 AM

Anexampleofastartartingtaginhtmlis, yangbeginsaparagraph.startingtagsareessentialinhtmlasttheyinitiateelements, definetheirtypes, andarecrucialforstructuringwebpagesandconstructionthedom.

Bagaimana cara menggunakan susun atur flexbox CSS untuk mencapai penjajaran yang berpusat pada kesan segmentasi garis putus -putus dalam menu?Bagaimana cara menggunakan susun atur flexbox CSS untuk mencapai penjajaran yang berpusat pada kesan segmentasi garis putus -putus dalam menu?Apr 05, 2025 pm 01:24 PM

Bagaimana untuk merancang kesan segmentasi garis bertitik di menu? Semasa merancang menu, biasanya tidak sukar untuk menyelaraskan kiri dan kanan antara nama hidangan dan harga, tetapi bagaimana pula dengan garis bertitik atau titik di tengah ...

Apakah elemen HTML yang digunakan oleh editor kod dalam talian untuk melaksanakan input kod?Apakah elemen HTML yang digunakan oleh editor kod dalam talian untuk melaksanakan input kod?Apr 05, 2025 pm 01:21 PM

Analisis elemen HTML dalam editor kod web Banyak editor kod dalam talian membolehkan pengguna memasukkan kod HTML, CSS, dan JavaScript. Baru -baru ini, seseorang mencadangkan ...

React Static Page Construction: Bagaimana untuk mengelakkan mampatan kod dengan React-App-Rewired?React Static Page Construction: Bagaimana untuk mengelakkan mampatan kod dengan React-App-Rewired?Apr 05, 2025 pm 01:18 PM

Mengenai cara mengelakkan mampatan kod ketika membina halaman statik menggunakan banyak pemaju yang diberitahu react-app yang ingin disampaikan kepada ...

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

Muat turun versi mac editor Atom

Muat turun versi mac editor Atom

Editor sumber terbuka yang paling popular

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

SecLists

SecLists

SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan