HTMLの要素の使用方法
HTMLのの使用方法を学ぶ 要素。
HTMLの 要素は、
内のページコンテンツの主要/主要部分を表すコンテナとして使用されます 要素。
例:
<body>
<header><!-- Header content --></header>
<main>
<article>
<h3>Google Chrome</h3>
<p>Paragraph</p>
</article>
<article>
<h3>Headline</h3>
<p>Paragraph</p>
</article>
<article>
<h3>Headline</h3>
<p>Paragraph</p>
</article>
</main>
<footer><!-- Footer content --></footer>
</body>
<メイン>コード> 要素には、ドキュメントのトピックの中心となるコンテンツが含まれています。
および 要素にはコンテンツ(通常はリンクとロゴ)も含まれているため、ウェブサイトの主要部分とは見なされません。そのため、要素を
の外に配置します。 要素。
とは異なり 要素。これもコンテンツコンテナであり、
要素は、同じHTMLドキュメント内で1回だけ使用する必要があります。
例
<main>
<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>
</main>
右側で読んでいるWebサイトは、同様のHTMLマークアップ構造に従っています。このウェブサイトを右クリックして検査をクリックすると、自分で確認できます。
<メイン>コード> tagは、コンテナ要素を定義するために使用される多くのHTMLタグの1つです。最も一般的に使用されるHTMLコンテナ要素のいくつかは次のとおりです。
HTMLの必須属性が使用されますoフォームを送信する前に、要素を入力する必要があることを指定します。フィールドに入力せずに送信ボタンをクリックすると、エラーが発生し、フォームの送信に失敗します。エラーは「このフィールドに入力してください」になります。 必要な属性は、input、select、およびtextarea要素で使用できます。 例 次のコードを実行して、HTMLで必要な属性を使用する方法を学ぶことができます。 <!DOCTYPE html>
<html>
<head>
<t
値を使用 HTMLの要素の値を追加する属性。次の要素で動作します-、、、、、、。 例 次のコードを実行して、 valueを実装してみてください。 属性- <!DOCTYPE html>
<html>
<body>
<head>
<title>HTML value attribute</title>
</head>
&nbs <セクション>コード> 、
<記事>コード> 、
、
、<フォーム>コード> 、および