HTML　タグ一覧

2018.05.16

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