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

HTMLの
要素の使用方法

HTMLの

の使用方法を学ぶ 要素。

HTMLの

タグは、自己完結型の記事要素を定義するために使用されます コンテンツ。自己完結型とは、記事要素内に配置したコンテンツが、Webサイトの他の部分から独立して機能する必要があることを意味します。

HTML
タグの使用方法

のユースケース タグ:

  • ブログ
  • 雑誌
  • ニュースサイト

とは異なり 要素。これもコンテンツコンテナであり、
タグは、同じHTMLドキュメント内で1回または複数回使用できます。

たとえば、単一の

を使用できます 記事/投稿のメインページコンテナ要素としての要素:

<article>
  <h1>Title of your post</h1>
  <p>Paragraph</p>
  <p>Paragraph</p>
  <img href="your-image.jpg" alt="description of image" />
  <p>Paragraph</p>
  <p>Paragraph</p>
</article>

右側で読んでいるWebサイトは、同様のHTMLマークアップ構造に従っています。このウェブサイトを右クリックして検査をクリックすると、自分で確認できます。

<記事> elementを使用して、それぞれが独自のarticle要素内にあるさまざまなコンテンツのリストを表示することもできます。たとえば、個々の投稿へのリンクを含む記事フィード:

<div>
  <article>
    <a href="/path-to-blog-post-1">
      <h3>Blog post 1</h3>
    </a>
  </article>
  <article>
    <a href="/path-to-blog-post-2">
      <h3>Blog post 2</h3>
    </a>
  </article>
  <article>
    <a href="/path-to-blog-post-3">
      <h3>Blog post 3</h3>
    </a>
  </article>
</div>

上記の3つの記事はそれぞれ、Webブラウザによって独立した自己完結型のコンテンツとして読み取られます。

<記事> tagは、コンテナ要素を定義するために使用される多くのHTMLタグの1つです。最も一般的に使用されるHTMLコンテナ要素のいくつかは次のとおりです。

<セクション>

<フォーム> 、および
(これは、他のタグが適用されない場合に使用する汎用タグです)。


  1. HTMLで必要な属性を使用するにはどうすればよいですか?

    HTMLの必須属性が使用されますoフォームを送信する前に、要素を入力する必要があることを指定します。フィールドに入力せずに送信ボタンをクリックすると、エラーが発生し、フォームの送信に失敗します。エラーは「このフィールドに入力してください」になります。 必要な属性は、input、select、およびtextarea要素で使用できます。 例 次のコードを実行して、HTMLで必要な属性を使用する方法を学ぶことができます。 <!DOCTYPE html> <html>    <head>       <t

  2. HTMLで要素の値を追加するにはどうすればよいですか?

    値を使用 HTMLの要素の値を追加する属性。次の要素で動作します-、、、、、、。 例 次のコードを実行して、 valueを実装してみてください。 属性- <!DOCTYPE html> <html>    <body>       <head>          <title>HTML value attribute</title>       </head>   &nbs