html比較

(1)

html⽐較

ページ 1

html4/xhtml

html5

意味

a

リンクを指定する

abbr

略語（頭字語以外）であることを表す

acronym

略語（頭字語）であることを表す

address

連絡先（問い合わせ先）として扱う

applet

JAVAアプレットを埋め込む

area

イメージマップの領域を指定する

article

⾃⼰完結した記事であることを⽰す

aside

本筋から分離しても問題のない余談や補⾜を表す

audio

ドキュメント内に⾳声コンテンツを埋め込む

b

⽂字を太⽂字にする

base

ページの基準となるURLを指定する

basefont

⽂字の基準となるサイズ、⾊、フォントの指定

bdi

ページの書字⽅向とは別の書字⽅向を指定する

bdo

書字⽅向を指定する

bgsound

効果⾳やバックミュージックを鳴らす（IE独⾃）

big

⽂字をひと周り⼤きく表⽰する

blink

⽂字を点滅させる

blockquote

引⽤⽂であることを表す（⻑⽂⽤）

body

ページ本体の表⽰領域

br

改⾏を⾏う

button

ボタンを作成する

canvas

スクリプトで定義したグラフィックスを描画するための領域を配置する

caption

テーブル（表）にタイトルを付ける

center

センタリングする

cite

出典先、参照先を表す

code

プログラムやスクリプトとして扱う

col

テーブル（表）の縦列の属性をまとめて指定する

colgroup

テーブル（表）の縦列をグループ化する

command

ユーザーが実⾏できるコマンド（命令）を設置する

datalist

⼊⼒項⽬の候補を予め⽤意する

dd

定義した⽤語の説明を記述する

del

削除された部分として扱う（打ち消し線が引かれる）

dfn

定義⽤語として扱う

dir

リストを表⽰する

div

ブロックレベル要素としての範囲を指定

dl

定義リストであることを表す

dt

定義する⽤語を表す

em

強調する

embed

プラグインデータを埋め込む

fieldset

フォームの⼊⼒項⽬をグループ化する

figcaption

図版にキャプションを付ける

figure

参照される図版を表す

font

フォントの⾊や⼤きさを変える

HTML⽐較表

(2)

html⽐較

ページ 2

footer

セクションのフッターを表す

form

フォームを作成する

frame

フレームに表⽰するファイルを指定する

frameset

ウィンドウを分割する

h1 〜 h6

⾒出しを指定する

head

ドキュメントのヘッダーを定義する

header

セクションの先頭となるグループを表す

hgroup

⾒出しをグループ化してセクションのヘッダを表す

hr

区切り線（罫線）を引く

html

HTML⽂書の開始を宣⾔してドキュメントルートを定義する

i

⽂字を斜体（イタリック）にする

iframe

インラインフレームを作成する

img

画像を表⽰する

input

フォームを構成する部品を作成する

ins

新たに追加された部分として扱う

isindex

キーワード検索⼊⼒欄の埋め込み

kbd

キーボード⼊⼒される⽂字であることを⽰す

keygen

フォームの送信時に暗号鍵を⽣成する

label

フォームの⼊⼒項⽬と項⽬名を関連付ける

legend

⼊⼒項⽬グループにタイトルを付ける

li

リストの項⽬を表⽰する

link

listing

タグを解釈し、ソースをそのまま表⽰する

map

⼀つの画像に対して複数のリンクを設定する

mark

テキストのハイライト表⽰

marquee

⽂字列をスクロールさせる（流れる⽂字）

リストをメニューとして扱う

ドキュメントについてのメタ情報を追加する

meter

特定の範囲内における数量や割合を⽰す

multicol

段組する（NN独⾃）

nav

ページ上の主要なナビゲーションであることを表す

nobr

⾃動改⾏を無効にする（NN独⾃）

noembed

プラグインが利⽤できない環境での表⽰内容を指定する（NN独⾃）

noframes

フレームが表⽰できない環境での表⽰内容を指定する

noscript

スクリプトが動作しない環境での表⽰内容を指定する

object

FLASHやデータを埋め込む

ol

順序のあるリストを定義する

optgroup

セレクトボックスの選択肢をグループ化する

option

セレクトボックスの選択肢を作成する

output

計算結果の出⼒欄を作成する

p

段落を指定する

param

パラメーターを指定する

plaintext

ソースをテキストとしてそのまま表⽰する

pre

ソースを整形済みテキストとして表⽰する

progress

作業の進捗状況を表⽰する

(3)

html⽐較

ページ 3

q

引⽤⽂であることを表す（短⽂⽤）

rb

ルビをふる⽂字を指定する

rp

ルビを囲む記号を指定する

rt

ルビの内容を指定する

rtc

ルビの内容を指定する

ruby

ルビの範囲を指定する

s

正確ではなくなった内容であることを表す

samp

プログラムによる出⼒結果のサンプルとして扱う

script

JAVAなどのスクリプトを埋め込む

section

ウェブページ内の⽂章構造におけるセクションを定義する

select

セレクトボックスを作成する

small

細則のような付帯注釈を表す

source

再⽣候補となるメディアファイル（動画や⾳源）を指定する

spacer

スペースを挿⼊する（NN独⾃）

span

インライン要素としての範囲を指定する

strike

⽂字列に打ち消し線を引く

strong

重要な情報として扱う

style

スタイルシートを指定する

sub

下付き⽂字として表⽰する

summary

詳細情報の要約や説明⽂などを定義する

sup

上付き⽂字として表⽰する

table

テーブル（表）を作成する

tbody

テーブル（表）のボディ部分を定義する

td

テーブル（表）のセルを作成する

template

ページ読み込み後にスクリプトの実⾏によって挿⼊可能な要素を定義する

textarea

複数⾏のテキストエリアを作成する

tfoot

テーブル（表）のフッタ⾏を定義する

th

テーブル（表）の⾒出しとなるセルを作成する

thead

テーブル（表）のヘッダ⾏を定義する

time

⽇付や時刻を表す

title

ウェブページのタイトルを指定する

tr

テーブル（表）の横⼀⾏を定義する

track

動画や⾳源に字幕（テキストトラック）をつける

tt

⽂字を等幅フォントで表⽰する

u

⽂字に下線（アンダーライン）を引く

ul

順序のないリストを定義する

var

変数や引数として扱う

video

動画を埋め込む

wbr

nobr内での改⾏位置の指定（NN独⾃）

xmp

ソースをそのまま表⽰する

(4)

CSS⽐較ページ 4 CSS2 CSS3 内容 align-content 複数⾏のアイテムのクロス軸⽅向の揃え位置を指定する align-items フレックスアイテムのクロス軸⽅向の揃え位置を指定する align-self フレックスアイテムのクロス軸⽅向の揃え位置を個別に指定する alignment-adjust ベースラインを調整する alignment-baseline インライン要素の揃えラインを指定する animation アニメーションについてまとめて指定する animation-delay アニメーションがいつ始まるかを指定する animation-direction アニメーションを交互に反転再⽣させるかどうかを指定する animation-duration アニメーション⼀回分の時間の⻑さを指定する animation-fill-mode アニメーションの再⽣中・再⽣後のスタイルを指定する animation-iteration-count アニメーションの繰り返し回数を指定する animation-name アニメーション名を指定する animation-play-state 再⽣中か⼀時停⽌かを指定する animation-timing-function アニメーションのタイミング・進⾏割合を指定する appearance プラットフォームにおける標準的なUIの外観にする backface-visibility 要素の裏⾯を⾒られるようにするかどうかを指定する background background 背景のプロパティをまとめて指定する background-attachment background-attachment スクロールしたときの背景画像の表⽰⽅法を指定する background-clip 背景の適⽤範囲を指定する background-color background-color 要素の背景⾊を指定する background-image background-image 要素の背景画像を指定する background-origin 背景の基準位置を指定する background-position background-position 背景画像を表⽰する⽔平・垂直位置を指定する background-repeat background-repeat 背景画像の繰り返しを指定する background-size 背景画像のサイズを指定する baseline-shift 優先するベースラインを指定し直す border border ボーダーをまとめて指定する border-bottom border-bottom ボーダーをまとめて指定する border-bottom-color border-bottom-color ボーダーの⾊を指定する border-bottom-left-radius 左下の⾓丸を指定する border-bottom-right-radius 右下の⾓丸を指定する border-bottom-style border-bottom-style ボーダーのスタイルを指定する border-bottom-width border-bottom-width ボーダーの幅を指定する border-break ボックスの改⾏部分のボーダー表⽰を指定する border-collapse border-collapse 表組み内のボーダーの表⽰形式を指定する border-color border-color ボーダーの⾊をまとめて指定する border-image 画像ボーダーを指定する border-image-outset ボーダーイメージエリアを広げる border-image-repeat 画像ボーダーの繰り返し⽅法を指定する border-image-slice 画像のボーダー使⽤範囲を指定する border-image-source ボーダーに使⽤する画像ファイルを指定する border-image-width 画像ボーダーの太さを指定する border-left border-left ボーダーをまとめて指定する border-left-color border-left-color ボーダーの⾊を指定する border-left-style border-left-style ボーダーのスタイルを指定する border-left-width border-left-width ボーダーの幅を指定する border-radius ⾓丸をまとめて指定する border-right border-right ボーダーをまとめて指定する border-right-color border-right-color ボーダーの⾊を指定する border-right-style border-right-style ボーダーのスタイルを指定する border-right-width border-right-width ボーダーの幅を指定する border-spacing border-spacing 表組み内のボーダーの間隔を指定する border-style border-style ボーダーのスタイルをまとめて指定する border-top border-top ボーダーをまとめて指定する border-top-color border-top-color ボーダーの⾊を指定する

CSS⽐較表

(5)

CSS⽐較ページ 5 border-top-left-radius 左上の⾓丸を指定する border-top-right-radius 右上の⾓丸を指定する border-top-style ボーダーのスタイルを指定する border-top-width ボーダーの幅を指定する border-width border-width ボーダーの幅をまとめて指定する bottom bottom ボックスの配置位置を指定する box-orient ボックス内の⼦要素の配置⽅向を指定する box-direction ボックス内の⼦要素の表⽰⽅向を指定する box-ordinal-group ボックス内の⼦要素に並び順グループを割り当てる box-align ボックス内の⼦要素の縦⽅向の揃え位置を指定する box-flex 伸縮ボックスの伸縮⽐率を指定する box-flex-group 伸縮ボックスにグループを割り当てて伸縮の優先順位を指定する box-pack ボックス内の⼦要素の横⽅向の揃え位置を指定する box-lines ボックス内を複数⾏（複数列）にするかどうかを指定する box-decoration-break ボックスが改⾏する際の表⽰形式を指定する box-shadow ボックスに影をつける box-sizing ボックスサイズの算出⽅法を指定する break-after ボックス後でのカラムの区切り⽅法を指定する break-before ボックス前でのカラムの区切り⽅法を指定する break-inside ボックス途中でのカラムの区切り⽅法を指定する caption-side caption-side 表組みのタイトルの表⽰位置を指定する clear clear ボックスの回り込みを解除する clip clip ボックスを部分的に切り抜いて表⽰する color color ⽂字の⾊を指定します。 column-count カラム数を指定する column-fill カラム同⼠の⾼さ（⻑さ）を揃えるかどうかを指定する column-gap カラムの間隔を指定する column-rule カラムの区切り線のスタイル・幅・⾊を指定する column-rule-color カラムの区切り線の⾊を指定する column-rule-style カラムの区切り線のスタイルを指定する column-rule-width カラムの区切り線の幅を指定する column-span 要素がまたがる（横切る）カラム数を指定する column-width カラム幅を指定する columns カラム幅とカラム数を指定する

content content afterとbeforeを対象にコンテンツを挿⼊する

counter-increment counter-increment カウンター値を更新する counter-reset counter-reset カウンター値をリセットする crop 置換要素の表⽰範囲を指定する cursor cursor マウスポインターの表⽰⽅法を指定する direction direction ⽂字を表⽰する⽅向を指定する display display ボックスの種類を指定する dominant-baseline 優先するベースラインを指定する drop-initial-after-adjust 頭⽂字の第⼀接続点の揃え位置を指定する drop-initial-after-align 頭⽂字の第⼀接続点の揃えラインを指定する drop-initial-before-adjust 頭⽂字の第⼆接続点の揃え位置を指定する drop-initial-before-align 頭⽂字の第⼆接続点の揃えラインを指定する drop-initial-size 頭⽂字のサイズを指定する drop-initial-value 頭⽂字を何⾏分にするかを指定する empty-cells empty-cells 空⽩セルのボーダーの表⽰⽅法を指定する fit 画像などをページにフィットさせる⽅法を指定する fit-position フィットさせる際の揃え位置を指定する flex フレックスアイテムの幅をまとめて指定する flex-basis フレックスアイテムの基本の幅を指定する flex-direction フレックスアイテムの配置⽅法を指定する flex-flow フレックスアイテムの配置と折り返しを指定する flex-grow フレックスアイテムの幅の伸び率を指定する flex-shrink フレックスアイテムの幅の縮み率を指定する flex-wrap フレックスアイテムの折り返しを指定する

(6)

CSS⽐較ページ 6 float float ボックスの回り込みを指定する font font フォントと⾏の⾼さをまとめて指定する font-family font-family フォントを指定する font-feature-settings OpenTypeフォントの機能の有効・無効を指定する font-size font-size フォントのサイズを指定する font-size-adjust フォント同⼠のサイズのバラつきを調整する font-stretch フォントの形状を幅広・幅狭にする font-style font-style フォントのスタイルを指定する font-variant font-variant フォントのスモールキャップを指定する font-weight font-weight フォントの太さを指定する grid-columns 列グリッドを指定する grid-rows ⾏グリッドを指定する height height ボックスの幅と⾼さを指定する hyphens 単語途中での改⾏⽅法を指定する icon 要素のアイコンを指定する image-orientation 画像がページに収まるように回転⾓度を指定する image-resolution 画像の解像度を指定する ime-mode テキスト⼊⼒欄での⼊⼒モードを指定する inline-box-align どの⾏を基準にしてインラインボックスを整列させるかを指定する justify-content フレックスアイテムの主軸⽅向の揃え位置を指定する left left ボックスの配置位置を指定する letter-spacing letter-spacing ⽂字の間隔を指定する line-break 改⾏の禁則処理を指定する line-height line-height ⾏の⾼さを指定する line-stacking ⾏ボックスの重ね⽅を指定する line-stacking-ruby ⾏ボックスを重ねる際のルビの扱いを指定する line-stacking-shift ⽂字のベースラインを考慮するかどうかを指定する line-stacking-strategy ⾏ボックスを重ねる際の基準⾼さを指定する list-style list-style リストマーカーをまとめて指定する list-style-image list-style-image リストマーカーの画像を指定する list-style-position list-style-position リストマーカーの位置を指定する list-style-type list-style-type リストマーカーの種類を指定する margin margin ボックスのマージンの幅をまとめて指定する margin-bottom margin-bottom ボックスのマージンの幅を指定する margin-left margin-left ボックスのマージンの幅を指定する margin-right margin-right ボックスのマージンの幅を指定する margin-top margin-top ボックスのマージンの幅を指定する mark 要素の前後に⼊れる⾳声記号をまとめて指定する mark-before 要素の前に⼊れる⾳声記号を指定する mark-after 要素の後に⼊れる⾳声記号を指定する marks トンボ（印刷物の⾒当合わせ記号）を付ける marquee-direction スクロール⽅向を指定する marquee-loop スクロール回数を指定する marquee-play-count スクロール回数を指定する marquee-speed スクロール速さを指定する marquee-style スクロール⽅法を指定する max-height max-height ボックスの⾼さの最⼤値を指定する max-width max-width ボックスの幅の最⼤値を指定する min-height min-height ボックスの⾼さの最⼩値を指定する min-width min-width ボックスの幅の最⼩値を指定する move-to 要素を後ろへ移動する nav-down 下⽅向キーにフォーカス移動を割り当てる nav-index タブキーによるフォーカス移動の順序を指定する nav-left 左⽅向キーにフォーカス移動を割り当てる nav-right 右⽅向キーにフォーカス移動を割り当てる nav-up 上⽅向キーにフォーカス移動を割り当てる object-fit 画像などをボックスにフィットさせる⽅法を指定する object-position 画像などをボックスに揃える位置を指定する

(7)

CSS⽐較ページ 7 opacity 要素の透明度を指定する order フレックスアイテムを配置する順序を指定する outline outline ボックスのアウトラインをまとめて指定する outline-color outline-color ボックスのアウトラインの⾊を指定する outline-offset アウトラインのオフセット値を指定する outline-style outline-style ボックスのアウトラインの幅を指定する outline-width outline-width ボックスのアウトラインの幅を指定する overflow overflow ボックスに収まらない内容の表⽰⽅法を指定する overflow-style はみ出た要素のスクロール⽅法を指定する overflow-wrap 単語の途中での改⾏を指定する overflow-x はみ出た要素の左右の表⽰⽅法を指定する overflow-y はみ出た要素の上下の表⽰⽅法を指定する padding padding ボックスのパディングの幅をまとめて指定する padding-bottom padding-bottom ボックスのパディングの幅を指定する padding-left padding-left ボックスのパディングの幅を指定する padding-right padding-right ボックスのパディングの幅を指定する padding-top padding-top ボックスのパディングの幅を指定する page 特定の名前を付けてページを定義する page-policy カウント⽅法を指定する perspective 3D変形の奥⾏きの深さを指定する（親要素に指定） perspective-origin 奥⾏きの消失点を指定する position position ボックスの配置⽅法を指定する

quotes quotes contentプロパティで挿⼊する記号を指定する

resize ユーザーが要素のサイズを変更できるかどうかを指定する rest 要素内容を話す前後の休憩・間をまとめて指定する rest-after 要素内容を話す後の休憩・間を指定する rest-before 要素内容を話す前の休憩・間を指定する right right ボックスの配置位置を指定する rotation ブロックレベル要素を反時計回りに回転させる rotation-point 回転の中⼼座標を指定する ruby-align ルビの揃え位置を指定する ruby-overhang 本体に隣接するテキストへのルビのかかり⽅を指定する ruby-position ルビの配置位置を指定する ruby-span ルビ注釈がどこまでまたがるかを制御する size ページサイズを定義する tab-size タブの表⽰幅を指定する table-layout table-layout 表組みのレイアウト⽅法を指定する target リンク先の開き⽅・開く位置を指定する target-name リンク先の開き⽅を指定する target-new リンク先を新しいウィンドウ・タブで開く target-position 新しいウィンドウ・タブを開く位置を指定する text-align text-align ⽂字の揃え位置を指定する text-align-last 最後の⾏の揃え位置を指定する text-decoration text-decoration ⽂字の下線をまとめて指定する text-decoration-color ⽂字の下線の⾊を指定する text-decoration-line ⽂字の下線の位置を指定する text-decoration-style ⽂字の下線のスタイルを指定する text-emphasis テキストを強調するための傍点の付け⽅を指定する text-emphasis-color ⽂字の傍点をまとめて指定する text-emphasis-position ⽂字の傍点の位置を指定する text-emphasis-style ⽂字の傍点のスタイルと形を指定する text-height テキストの⾼さを指定する text-indent text-indent ⽂章の1⾏⽬の字下げを指定する text-justify ⾏端揃えの形式を選択する text-overflow ボックスに収まらない⽂章の表⽰⽅法を指定する text-shadow テキストに影をつける text-transform text-transform 英⽂字の⼤⽂字や⼩⽂字の表⽰⽅法を指定する text-wrap テキストの折り返し⽅法を指定する

(8)

CSS⽐較ページ 8 top top ボックスの配置位置を指定する transform 要素に2D変形、または、3D変形を適⽤する transform-origin 2D変形、または、3D変形の原点を指定する transform-style ⼦要素がフラットに描画されるか⽴体的に描画されるかを指定する transition transition効果（時間的変化）をまとめて指定する transition-delay 変化がいつ始まるかを指定する transition-duration 変化に掛かる時間を指定する transition-property transition効果を適⽤するCSSプロパティ名を指定する transition-timing-function 変化のタイミング・進⾏割合を指定する unicode-bidi unicode-bidi ⽂字の書字⽅向の上書き⽅法を指定する vertical-align vertical-align ⾏内やセル内の縦⽅向の揃え位置を指定する visibility visibility ボックスの表⽰・⾮表⽰を指定する voice-balance ⾳声の左右のバランスを指定する voice-duration 要素内容を話すのに掛かる時間を指定する voice-family 声の種類を指定する voice-pitch 声の周波数を指定する voice-range 声の周波数の範囲を指定する voice-rate 話す速度を指定する voice-stress 強調の度合い（強い・弱い・単調）を指定する voice-volume ⾳声のボリュームを指定する white-space white-space スペース、タブ、改⾏の表⽰⽅法を指定する white-space-collapse ソース中の半⾓スペースの表⽰⽅法を指定する width width ボックスの幅を指定する word-break ⾏の改⾏⽅法を指定する word-spacing word-spacing 単語の間隔を指定する word-wrap 単語の途中で改⾏するかどうかを指定する writing-mode 縦書き・横書きを指定する z-index z-index ボックスの重ね順を指定する color:rgba() RGBAカラーモデルで⾊を指定する background-image:linear-gradient() 線形グラデーションを指定する background-image:radial-gradient() 円形グラデーションを指定する