よく使う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> | 順序を持たないリストを表す | 必須 |