HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML5で記事を追加するには？articleタグの使い方を解説

HTML5で記事を追加するには、<article>タグを使用します。HTMLの<article>タグは、ブログ記事、フォーラムへの投稿、新聞記事などに用いられる要素で、サイト・ドキュメント・ページ・アプリケーションの中にある「自己完結したコンテンツ（それ単体で意味が成立するまとまり）」を定義するために使われます。

例えば、ニュースサイトの個別記事や、ブログの各投稿のように、他の部分と切り離しても内容として成立するブロックに対してこのタグを適用するのが適切です。

サンプルコード

以下のコードを実行すると、<article>タグを使った記事の追加を実際に確認できます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Article Tag</title>
   </head>
   <body>
      <article>
         <h2>PHP</h2>
         <p>PHP is PHP Hypertext Preprocessor</p>
      </article>
   </body>
</html>

このように、<article>タグで囲んだ部分がひとつの独立した記事として扱われます。見出し（<h2>など）と本文（<p>）を組み合わせることで、構造的にも分かりやすいマークアップになります。

  1. HTMLページに動画を追加する方法を徹底解説！<video>タグの使い方

    HTMLページに動画を埋め込む基本的な方法 HTMLページに動画を表示したい場合は、<video>要素を使用します。これは、HTMLで動画を標準的な方法で埋め込むために用意されたタグです。 動画を正しく表示するためには、以下のポイントを押さえておきましょう。 height（高さ）とwidth（幅）を指定して、レイアウトが崩れないようにする <source>要素を使って動画ファイルの場所（src）を指定する type属性で動画の形式（MIMEタイプ）を明示する 記述例 実際のコードは以下のようになります。 <video width=640 height=360

  2. HTML Webページにオーディオプレーヤーを追加する方法

    HTMLでのオーディオ再生の基本Webページに音声を埋め込むには、HTMLの<audio>要素を使用します。この要素にcontrols属性を追加すると、再生・一時停止・音量調整などができるオーディオプレーヤーがブラウザ上に表示されます。対応している音声フォーマットHTMLの<audio>要素でサポートされている主な音声フォーマットは以下の3つです。MP3（audio/mpeg）― 最も広く使われている形式で、ほぼすべてのブラウザで再生可能Wav（audio/wav）― 非圧縮の高音質形式だが、ファイルサイズが大きくなりがちOgg（audio/ogg）― オープンソースの