<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 id="文章标题">文章标题</h1>
<p>文章段落一，内容CSS技术上ThinkCSS网 ...</p>
<p>文章段落二，内容CSS技术上ThinkCSS网 ...</p>
<p>段落三，内容CSS技术上ThinkCSS网 ...</p>
</article>
</body>
</html>
ヒントとメモ:
注:【要素には何か言いたいことがある】
article: こんにちは、私はarticleです。これはセクションよりも明確なセマンティクスを持ち、関連するコンテンツの独立した完全なブロックを表します。通常、タイトル セクション (通常は header 内に含まれます) があり、場合によってはフッターも存在します。セクションはコンテンツのテーマ部分でもありますが、構造とコンテンツの点で独立していて完全であり、外部から参照できるドキュメント、ページ、またはアプリケーション内の独立した完全なコンテンツを表します。例: ブログの記事、フォーラムの投稿、閲覧者のコメントなど。 Article 要素は独立したコンテンツであるため、通常、article 要素には head (ヘッダー要素) と Bottom (フッター要素) が含まれます。 【関連おすすめ】HTML5のWebとは何ですか? Webストレージの要素は何ですか?
HTML IMG タグの属性は何ですか? IMG タグの使い方を学びましょう
