HTML要素・タグ・属性とは?
HTMLドキュメントは、HTML要素で構成されたテキストファイルです。
HTML要素は、HTMLタグを使用することによって定義されます。
HTMLタグ
- HTMLタグは、HTML要素のマークアップのために使用されます
- HTMLタグは、< と > の2つの記号によって囲まれます
- HTMLタグは、通常<b>および</b>のようなペアで使われます
- ペア中の始めのタグは開始タグ、後のタグは終了タグです
- 開始タグと終了タグの間にあるテキストは要素内容です
- HTMLタグは、大文字と小文字を区別しません。<b>と<B>は同じ意味になります
HTML要素
HTMLについて で使用した例を使って説明します。
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
初めてのホームページ。<b>これは太字です</b>
</body>
</html>
以下に示す部分は、1つのHTML要素です。
<b>これは太字です</b>
開始タグと共にHTML要素が始まります: <b>
HTML要素の内容: これは太字です
終了タグと共にHTML要素が終わります: </b>
<b>タグの目的は、太字として表示されるべきHTML要素を定義することです。
以下に示す部分も、1つのHTML要素です。
<body>
初めてのホームページ。<b>これは太字です</b>
</body>
このHTML要素は、開始タグ<body>で始まり、終了タグ</body>で終わります。
<body>タグの目的は、HTMLドキュメントの本体を含んでいるHTML要素を定義することです。
なぜ当サイトでは小文字のHTMLタグを使うのか?
始めに「HTMLタグは、大文字と小文字を区別しません」と示しました。あなたがネットサーフィンをしていると、HTMLを解説しているほとんどのサイトが、例の中などで大文字のHTMLタグを使用していることに気づくでしょう。当サイトでは常に小文字のHTMLタグを使用します。それはなぜか?
次世代HTMLへの準備をしたければ、小文字のHTMLタグを使用し始めるべきです。W3C (World Wide Web Consortium)は、HTML 4.01での小文字のHTMLタグ使用を推奨しています。また、XHTML(次世代HTML)は、小文字のHTMLタグの使用を要求します。
HTMLタグの属性
HTMLタグは、属性を持つことができます。属性は、HTML要素に関する追加情報を与えることができます。
HTMLページのbody要素を定義する<body>タグに、bgcolor属性を追加して、ページの背景色が赤であるとブラウザに伝えることができます。<body bgcolor="red">
HTMLテーブルを定義する<table>タグに、border属性を追加して、テーブルの境界線は無いとブラウザに伝えることができます。<table border="0">
属性は、常に<属性名="値">のように、属性名/値のペアになります。
属性は、HTML要素の開始タグに含むことができます。
引用符は、ダブルクォーテーション(") かシングルクォーテーション(')か?
属性の値は、常に引用符で囲まれるべきです。ダブルクォーテーション(")は最も一般的なものです。しかし、シングルクォーテーション(')も許可されます。
まれな状況で、属性の値自身に引用符が含まれている場合は、シングルクォーテーション(')が必要になります。
name="りんご '犬' オレンジ"