ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLの記事タグって何に使うの？ HTMLの記事タグの使い方を紹介します。
HTMLの記事タグって何に使うの？ HTMLの記事タグの使い方を紹介します。
- 寻∝梦オリジナル
- 2018-08-29 16:36:4613286ブラウズ
この記事ではHTML5のarticleタグの使い方と使用例を中心に紹介していきますので、皆さんも理解していただければ幸いです。 次にHTML5のarticleタグについて見ていきましょう。
まず、記事について簡単に紹介します。
html5
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でpreタグ内のテキストを折り返すにはどうすればよいですか? HTML preタグの使用例
HTMLのspanタグのclass属性の使い方は？ class属性について詳しく説明します
以上がHTMLの記事タグって何に使うの？ HTMLの記事タグの使い方を紹介します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。