よく使うHTMLタグの用途と、属性、また終了タグが必須か
省略可かもわかりやすく表にまとめました。
| タグ | 説明 | 属性 | 終了タグ |
| <a> | ハイパーリンクを残す | href,hreflang,type,real,target, download,rev |
必須 |
| <article> | 切り出しても独立したコンテツとして成り立つ記事を表す | 必須 | |
| <aside> | サイドバーなど、メインコンテンツから分離された補足情報を表す | 必須 | |
| <body> | ブラウザに表示されるコンテンツ部分全体を表す | onclick,ondblclick,onmousedown, onmouseup,onmouseover, onmousemove,onmouseout, onkeypress,onkeydown,onkeyup, onload,onunload |
省略可 |
| <br> | 文中に改行を生成する | なし | |
| <button> | 汎用的なボタンを作成する | 必須 | |
| <dd> | 定義リストの定義語の説明部分を表す | 省略可 | |
| <div> | 複数の要素をひとつにまとめる | 必須 | |
| <dl> | 定義リストを表す | 必須 | |
| <dt> | 定義リストの用語を表す | 省略可 | |
| <footer> | フッター部分を表す | 必須 | |
| <from> | 入力フォームを表す | accept-charset,action, autocomplete,enctype, method,name,novalidate,target |
必須 |
| <h1>~<h6> | 見出しを表す | 必須 | |
| <head> | 文章の基本情報を表す。ブラウザの画面上には表示されない | 省略可 | |
| <header> | ヘッダー部分を表す | 必須 | |
| <html> | 文書全体の内容を包含する。ルート要素とも呼ばれる | lang,manifest | 省略可 |
| <iframe> | 文章内に別の文書のコンテンツを埋め込む。インラインフレームという | src,width,height,name,sandbox, srcdoc,allowfullscreen |
必須 |
| <img> | 画像を表す | src,alt,width,height,usemap,ismap, crossorigin,longdesc,sizes,srcset |
なし |
| <input> | 入力フォームの各種部品を作成する | type,accept,autocomplete,autofocus, capture,checked,disabled,from, formaction,formenctype, formmethod,formnovalidate, formtarget,height, inputmode,list,max,maxlength,min, minlength,multiple,name,pattern, placeholder,redonly,required, selectionDirection,selectionEnd, selectionStart,size,spellcheck,src, step,tabindex,usemap,value,width |
なし |
| <li> | リストの項目を表す | 省略可 | |
| <link> | 文書を別の文書と関連付ける | rel,href,hreflang,type,media,sizes, crossorigin,rev,title |
なし |
| <meta> | 文書に関するメタデータを指定する。属性によってさまざまな役割を持たせることができる | charset,http-equid,name,content | なし |
| <nav> | ページ上の主要なナビゲーションを表す | 必須 | |
| <option> | メニューの選択肢を作成する | dilsabled,label,selected,value | 省略可 |
| <p> | 文書の段落を表す | 省略可 | |
| <section> | 見出しを伴う、意味的に関係のあるまとまりを表す | 必須 | |
| <select> | 選択式のメニューを表す | autofocus,dilsabled,form,multiple, name,required,size |
必須 |
| <small> | 細目などの注釈を表す | 省略可 | |
| <span> | スタイリングのために要素をグループ化する | 必須 | |
| <style> | 文書のスタイル情報を記載する | type,media,scoped,title,disabled | 必須 |
| <table> | 表を作成する | 必須 | |
| <td> | 表のデータセルを残す | colspan,rowspan,headers | 必須 |
| <textarea> | 複数行のテキスト入力欄を作成する | cols,rows,name,disabled,readonly | 必須 |
| <th> | 表の見出しセルを表す | colspan,rowspan,headers,scope | 省略可 |
| <title> | 文書のタイトルを表す。ブラウザのタイトルバーに表示される | 必須 | |
| <tr> | 数の行を表す | 省略可 | |
| <ul> | 順序を持たないリストを表す | 必須 |