記事特集学ぶダウンロードに質問プログラミング辞典ゲーム最近の更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTMLの記事タグって何に使うの？ HTMLの記事タグの使い方を紹介します。

寻∝梦

リリース： 2018-08-29 16:36:46

オリジナル

13087 人が閲覧しました

この記事ではHTML5のarticleタグの使い方と使用例を中心に紹介していきますので、皆さんも理解していただければ幸いです。次にHTML5のarticleタグについて見ていきましょう。

まず、記事について簡単に紹介します。

html5

は、Web ページ上の記事や記事内の記事など、コンテキストとは関係のないページ上の独立したコンテンツを表します。新聞。

article は他の DIV CSS レイアウト構造とは異なり、article は主に記事のコンテンツをレイアウトします。

article 構文コード:

<article>内容</article>

ログイン後にコピー

article には、開始 HTML タグ要素と終了 HTML タグ要素のペアがあります。

で始まり

で終わります。

次に、article タグの使用方法について説明します。

article は、HTML5 の新しいタグです。その基本的な構文機能は、以前の DIV、p、span などのタグと同じです。直接使用できます。 style 属性タグを使用して CSS を設定するか、クラスまたは ID を使用して外部 CSS スタイルを導入します。

<article class="aaa">内容</article>

ログイン後にコピー

<article id="bbb">内容</article>

ログイン後にコピー

記事は主にレイアウト記事とコンテンツについてです。

HTML5の記事タグの使用例を見てみましょう:

这里使用article标签布局一篇实例，通过此示例掌握了解article元素标签。以下是完整HTML5实例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>article 实例 ThinkCSS</title>
<style>
article{ color:#000}
article h1{ color:#F00}
</style>
</head>
<body>
<article>
    <h1>文章标题</h1>
    <p>文章段落一，内容CSS技术上ThinkCSS网 ...</p>
    <p>文章段落二，内容CSS技术上ThinkCSS网 ...</p>
    <p>段落三，内容CSS技术上ThinkCSS网 ...</p>
</article>
</body>
</html>

ログイン後にコピー

記事タグのコード効果のスクリーンショット:

HTMLの記事タグって何に使うの？ HTMLの記事タグの使い方を紹介します。