ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5の記事タグとは何ですか? HTML5 では、article 要素はどこで使用されますか?
HTML5の記事タグとは何ですか? HTML5 では、article 要素はどこで使用されますか?
- 寻∝梦オリジナル
- 2018-08-15 13:29:0916657ブラウズ
HTML5の記事タグとは何ですか? HTML5 では、article 要素はどこで使用されますか?この記事では主に、HTML5におけるarticleタグとは何か、articleはどこで使われるのか、HTML5におけるarticleタグの標準属性とは何かについて説明します。見てみましょう。 (記事の最後にarticleタグの自己紹介があります)
HTML5におけるarticleタグの説明:
HTML5におけるこのタグは、大きなDIV構造を定義することを意味します。外部フレーム。私たちがよく定義する DIV の最も外側のペアと同じように、独自の階層構造を持つこれらの異なるタグが存在します。 つまり、記事の下には他にもたくさんのタグがあるはずです。結合後、スタイルの表示をサポートするために CSS もこれに合わせて調整されますが、JS はまだアクティブであり、HTML5 が重複しているため、いくつかの変更が必要です。以前のバージョンと比較して、HTML5 でのドキュメント作成に関して、いくつかのタグが追加されました。ヘッダー、フッター、コンテンツ領域などの要素構造。このうち、主要な構造要素にarticle要素とsection要素が追加されます。では、それらの違いは何ですか?いつアーティクルを使用するか、いつセクションを使用するかですHTML5の文について知りたい:
HTML5のセクションタグとは何ですか? HTML5でセクションタグを中央に配置するにはどうすればよいですか?
article 要素は、外部から参照できるドキュメント、ページ、またはアプリケーション内の独立した完全なコンテンツを表し、記事、投稿、コメント、または独立したプラグインの形式で表示されます。通常、記事要素にはコンテンツ トピックに加えて、独自のタイトルとフッターがあります。HTML5でのarticleタグの定義と使用法:
23c3de37f2f9ebcb477c4a90aac6fffd は外部コンテンツを定義します。 外部コンテンツは、外部ニュースプロバイダーからの新しい記事、ブログからのテキスト、フォーラムからのテキストです。または他の外部ソースからのコンテンツ。 例があります:<article> <a href="http://www.apple.com">Safari 5 released</a><br /> 7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC, Apple announced the release of Safari 5 for Windows and Mac...... </article>article は、原則として、記事の内側の層は、記事の本文と本文のコメントなど、外側の層のコンテンツと関連している必要があります。 Article と入れ子にすることができます。 セクションはテキストとコメントを区別します。これはブロック領域の要素であり、次のレッスンで説明します。記事は非常に完全かつ独立しており、各コメントが分割されています。 article はプラグインを表すためにも使用できます。次のコードは、プラグインが Web ページに完全に埋め込まれているように見せるためのコードです。
HTML5のarticleタグの標準属性:
class、contenteditable、contextmenu、dir、draggable、id、inquired、lang、ref、registrationmark、tabindex、template、titleここでは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>
ヒントとメモ:
注: 23c3de37f2f9ebcb477c4a90aac6fffd タグの内容はドキュメントの残りの部分から独立しています。【要素には何か言いたいことがある】
article: こんにちは、私はarticleです。これはセクションよりも明確なセマンティクスを持ち、関連するコンテンツの独立した完全なブロックを表します。通常、タイトル セクション (通常は header 内に含まれます) があり、場合によってはフッターも存在します。セクションはコンテンツのテーマ部分でもありますが、構造とコンテンツの点で独立していて完全であり、外部から参照できるドキュメント、ページ、またはアプリケーション内の独立した完全なコンテンツを表します。例: ブログの記事、フォーラムの投稿、閲覧者のコメントなど。 Article 要素は独立したコンテンツであるため、通常、article 要素には head (ヘッダー要素) と Bottom (フッター要素) が含まれます。 【関連おすすめ】HTML5のWebとは何ですか? Webストレージの要素は何ですか?
HTML IMG タグの属性は何ですか? IMG タグの使い方を学びましょう
以上がHTML5の記事タグとは何ですか? HTML5 では、article 要素はどこで使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。