UA-135459055-2

Html 辞書

  • このエントリーをはてなブックマークに追加

根本となる要素 The root element

<html> …… HTML文書であることを示す
▲ページ先頭へ

文書のメタデータ Document metadata

<head> …… 文書のヘッダ情報を表す
<title> …… 文書にタイトルをつける
<base> …… 相対パスの基準URIを指定する
<link> …… リンクする外部リソースを指定する
<meta> …… その文書に関する情報(メタデータ)を指定する
<style> …… スタイルシートを記述する
▲ページ先頭へ

スクリプト Scripting

<script> …… 文書にJavaScriptなどのスクリプトを組み込む
<noscript> …… スクリプトが動作しない環境用の表示内容を指定する
▲ページ先頭へ

セクション Sections

<body> …… 文書の本体を表す
<section> …… 一つのセクションであることを示す

HTML5から追加

<nav> …… ナビゲーションであることを示す

HTML5から追加

<article> …… 記事であることを示す

HTML5から追加

<aside> …… 余談・補足情報のセクションであることを示す

HTML5から追加

<h1>-<h6> …… 見出しを付ける
<hgroup> …… セクションの見出しを表す、見出しをまとめる【廃止予定】
<header> ……ヘッダであることを示す

HTML5から追加

<footer> …… フッタであることを示す

HTML5から追加

<address> …… 連絡先・問合せ先を表す
▲ページ先頭へ

コンテンツの分類 Grouping content

<p> …… ひとつの段落(パラグラフ)であることを表す
<hr> …… テーマや話題の区切りを表す
<pre> …… 半角スペースや改行をそのまま表示する
<blockquote> …… 引用・転載セクションであることを表す
<ol> …… 順序のあるリストを表示する
<ul> …… 順序のないリストを表示する
<li> …… リストの項目を記述する
<dl> …… 定義・説明リストを表す
<dt> …… 定義・説明される言葉を表す
<dd> …… 定義用語や言葉の説明をする
<figure> …… 図表であることを示す

HTML5から追加

<figcaption> …… 図表のキャプションを示す

HTML5から追加

<div> ……ひとかたまりの範囲として定義する
<main> …… メインコンテンツであることを示す
▲ページ先頭へ

テキストの意味 Text-level semantics

<a> …… ハイパーリンクを指定する
<em> …… 強勢する(アクセントを付ける)箇所を表す
<strong> …… 強い重要性を表す
<small> …… 免責・警告・著作権などの注釈や細目を表す
<s> …… すでに正確ではなくなった内容を表す
<cite> …… 作品のタイトルを表す
<q> …… 引用句・引用文であることを表す
<dfn> …… 用語が使用されていることを示す
<abbr> …… 略語や頭字語であることを表す
<time> …… 日付や時刻を正確に示す

HTML5から追加

<code> …… プログラムなどのコードであることを示す
<var> …… 変数であることを示す
<samp> …… プログラムによる出力結果のサンプルであることを示す
<kbd> …… ユーザーが入力する内容であることを示す
<sub> …… 下付き文字を表す
<sup> …… 上付き文字を表す
<i> …… 声や心の中で思ったことなど、他と区別したいテキストを表す
<b> …… 文書内のキーワードや製品名など、他と区別したいテキストを表す
<mark> …… 文書内の該当テキストを目立たせる

HTML5から追加

<ruby> …… ルビをふる

HTML5から追加

<rt> …… ルビのテキストを指定する

HTML5から追加

<rp> …… ルビを囲む記号を指定する

HTML5から追加

<bdo> …… 文字表記の方向を指定する
<span> …… ひとつの範囲として定義する
<br> …… 改行する
<wbr> …… 改行しても良い位置を示す

HTML5から追加

▲ページ先頭へ

挿入と削除 Edits

<ins> …… 追加された部分であることを示す
<del> …… 削除された部分であることを示す
▲ページ先頭へ

コンテンツの埋め込み Embedded content

<img> …… 画像を表示する
<iframe> …… インラインフレームを作る
<embed> …… プラグインデータを埋め込む

HTML5から追加

<object> …… 文書に外部リソースを埋め込む
<param> …… プラグインのパラメータを指定する
<video> …… 動画を再生する

HTML5から追加

<audio> …… 音声を再生する

HTML5から追加

<source> …… 動画や音声などのURLや種類を指定する

HTML5から追加

<canvas> …… 図形を描く

HTML5から追加

<map> …… イメージマップを作成する
<area> …… イメージマップのハイパーリンク領域を設定する
▲ページ先頭へ

テーブル(表) Tabular data

<table> …… テーブル(表)を作成する
<caption> …… テーブル(表)にキャプションをつける
<colgroup> …… 表の縦列をグループ化する
<col> …… 表の縦列の属性やスタイルを指定する
<tbody> …… テーブル(表)のボディ部分を定義する
<thead> …… テーブル(表)のヘッダ部分を定義する
<tfoot> …… テーブル(表)のフッタ部分を定義する
<tr> …… テーブル(表)の横一行を定義する
<td> …… テーブル(表)のデータセルを作成する
<th> …… テーブル(表)の見出しセルを作成する

<

  • このエントリーをはてなブックマークに追加

SNSでもご購読できます。

コメントを残す

*

CAPTCHA