お役立ちタグ辞典
使用頻度の高いHTMLタグ一覧
- <html>・・・<⁄html>
- HTML文書の最初の行と最後の行に記述する、すべての要素の最上位要素です。
その他のHTML要素は、このhtml要素の内側に記述します。HTML要素の子要素として記述できるのは、head要素、body要素の2つが存在します。 - <head>・・・<⁄head>
- head要素は、document headの略であり、コンテンツの情報に意味を持たせるためのメタデータや、外部スタイルシートファイル、外部JavaScriptファイルのリンク情報などを記述します。
また、検索エンジンのクローリングを制御したりすることができます。 - <title>・・・<⁄title>
- document titleの略でそのページのタイトルを記述する要素です。
ページのタイトルに当たるので、情報構造上、1つのHTML文書中に1回だけ記述するのが適当です。 - <meta ⁄>
- メタ情報を記述するための要素です。keyword属性やdescription属性など、サイトに関連付いたキーワードや説明を記述できます。
また、実際のWebブラウザ上には内容が表示されません。 - <body>・・・<⁄body>
- body要素はdocument bodyの略で親要素としてhtml要素を持ち、body要素の内側に記述した要素がWebブラウザ上に表示されます。
- <h1>・・・<⁄h1> ～ <h6>・・・<⁄h6>
- headingの略でページの見出しを記述する要素です。
文書構造を考えたマークアップを行う際には、大変重要になる要素の一つです。 - <div>・・・<⁄div>
- divisionの略でdiv要素はブロックレベル要素での構造化の表現をします。
div要素はCSSレイアウトを行ううえで頻繁に使われる要素で、p要素やul、li要素といったブロックレベル要素を内側に記述できます。 - <p>・・・<⁄p>
- p要素はparagraphの略で、文書構造の中での段落を表します。文章をマークアップするには欠かすことのできない要素です。
特徴としてブロックレベル要素を内側に記述できません。 - <span>・・・<⁄span>
- span要素は汎用でインライン属性のタグです。
文章の中で部分的にスタイルを変える場合などに、span要素が使われます。 - <ul>・・・<⁄ul>
- ul要素はunordered listの略で、リストの各項目はliタグを用いて記述します。
番号なしで順序の関係ないリストを表す場合に使われます。ブロックレベル要素です。 - <ol>・・・<⁄ol>
- ol要素はordered listの略で、リストの各項目はliタグを用いて記述します。
順序のあるリストを表示する際に使用します。ブロックレベル要素です。 - <li>・・・<⁄li>
- li要素はlistitemの略で、リストの項目を表す場合に記述します。
ul要素やol要素の内側に記述します。 - <dl>・・・<⁄dl>
- dl要素はdefinition listの略で、定義リストを表す場合に記述されます。内側にdt要素とdd要素を記述することができます。
dt要素では定義する用語を表し、dd要素では定義する用語の説明を表す場合に記述されるブロックレベル要素です。 - <dt>・・・<⁄dt>
- dt要素はdefinition termの略で、dl要素内の用語を定義する場合に記述されます。
dt要素で定義した説明をdd要素に記述する形で使われます。 - <dd>・・・<⁄dd>
- dd要素はdefinition descriptionの略で、dl要素内の用語を定義したdt要素の説明を記述する場合に使用します。
内側にはインライン要素とブロックレベル要素のどちらも記述できます。 - <table>・・・<⁄table>
- table要素は、年表や何かの一覧表など表を定義する場合に記述されます。
全体をレイアウトするために使うのは好ましくありません。 - <tr>・・・<⁄tr>
- tr要素はtable rowの略で、表の行を定義する場合に記述されます。table要素の直接の子要素として存在できます。
td要素かth要素のどちらか1つ以上を内側に記述する必要があります。 - <th>・・・<⁄th>
- th要素はtable header cellの略で、td要素に見出しの意味合いを付ける場合に使います。
内側にはテキストやインライン要素、ブロック要素を記述することができます。 - <td>・・・<⁄td>
- td要素はtable data cellの略で、表内のデータセルを表し、最小単位の枠を指します。
内側にはテキストやインライン要素、ブロック要素を記述することができます。
