HTML5

更新日

2012.08.07 HTML5を修正

データベース

名前

HTML5

コメント

2012.08.07現在

『HTML5』は次世代のHTML仕様。

Tips

追加されたタグ

section

article

aside

hgroup

header

footer

nav

figure

figcaption

video

ビデオ

動画を再生する事ができる。ブラウザによって対応動画が違うので、source要素で複数の動画を指定する必要がある。

コンテンツ属性	概要
controls	再生コントロールを表示する
autoplay	自動再生
poster	動画を再生できない場合に表示させる画像を指定

Example Source Code

Example

audio

source

embed

mark

progress

meter

time

ruby, rt, rp

ルビ

ルビを指定する事ができる。rubyタグで囲み、rtタグでルビを指定。rpタグでルビ表示できないブラウザに表示させる文字を設定する。

Example Source Code

九十九(つくも)

Example

九十九(つくも)

wbr

改行機会

brタグが必ず改行されるのに対してwbrは改行の機会を設定するタグで、英語の単語の文字数が多すぎて、改行されずにオーバーフローする場合などに、wbrタグを入れておけば、改行されるようになる。以下のコードでは歌詞にありそうなLoveが続く文章だが、wbrタグが入っていれば改行されるが、wbrタグ入っていない場合は改行されずにオーバーフローしている。

Example Source Code

Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love...

Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love...

Example

Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love...
Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love,Love...

canvas

キャンバス

ビットマップ画像を描画する事ができる。描画自体はJavaScriptで描画する。

Example Source Code

使用中のブラウザはcanvasタグに対応しておりません。

Example

使用中のブラウザはcanvasタグに対応しておりません。

command

details

summary

datalist

keygen

output

削除されたタグ

basefont
big
center
font
s
strike
tt
u
frame
frameset
noframes
acronym
applet
iisindex
dir

iPhoneでのデバッグ

Safariのデバッグコンソール

iPhoneでのデバッグにはSafariのデバッグコンソールを使用する。設定>Safari>デベロッパ デバッグコンソールをオンにする。

JavaScriptから利用できる機能を増やすフレームワーク

PhoneGap

Titanium

jsWaffle

NimbleKit

サーバーサイド・スクリプト

CGI

クライアントサイド・スクリプト

JavaScript

ブロック要素

div

インライン要素

span

定義リスト（dl dt dd）

定義リストは必ずdl dt ddでワンセットで、dtのみというのは間違い。ddは複数あっても構わない。dtにはインライン要素のみ入れられる（spanはOKだがdivはNG）。

xample Source Code

	
定義リスト
	
dtはインライン要素のみだが、ddはとインライン要素とブロックレベル要素を記述できる。

備考

HTML教科書 HTML5レベル1

3,740 円

紀伊國屋書店ウェブストア

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨して..

世界でいちばん簡単なHTML5&CSSのe本 [最新版] HTMLとCSSの基本

1,386 円

紀伊國屋書店ウェブストア

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 イラストとコラムを交えつつ丁寧な解説で、ホームページの作り方が楽しく..

HTML5基礎

2,468 円

紀伊國屋書店ウェブストア

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。ホームページ、ブログ、SNS、動画共有サイトなどのWebサイトを構成するHTML..

HTML5ガイドブック　増補改訂版

2,365 円

紀伊國屋書店ウェブストア

※この電子書籍は固定型レイアウトです。リフロー型と異なりビューア機能が制限されます。購入前にお使いの端末にて無料サンプルをお試しください。実践に活用できるHTML5関連技術を厳選した『Google API Expertが解説する HTML5ガイドブック』（2010年9月発売）の改訂版。新..

HTML5デザイン　仕事のネタ帳

2,592 円

紀伊國屋書店ウェブストア

【これが“今の主流”の使い方！ プロが現場で使う上級テクニックを解説】 　Webサイト制作の現場で活用できる、HTML5の実践的なテクニックを集めた解説書。HTMLの最新バージョンであるHTML5は、ブラウザだけで華やかな演出や高度な処理が可能になる点などが注目を集め、制作..

HTML演習 HTML5版 Webアプリケーション構築に必要なHTML、CSS、JavaScriptの基礎を学ぶ

2,200 円

Yahoo!ショッピング(ヤフー ショッピング)

本 ISBN:9784886476388 中島省吾／著 出版社:エスシーシー 出版年月:2017年03月 サイズ:331P 23cm コンピュータ ≫ Web作成 [ ホームページ作成 ] エイチテイ-エムエル エンシユウ HTML／エンシユウ エイチテイ-エムエル フアイブバン HTML／5バン ウエブ アプリケ-シヨン コ..

プロ直伝 業務システム開発のためのHTML5攻略ガイド

2,700 円

紀伊國屋書店ウェブストア

HTML5を活用した業務システムの開発手法を主にフロントエンド部分について分かりやすく体系的に解説しています。開発の進め方、業務システムにおけるHTML5の位置づけや役立つ機能といった基本をはじめとして、Webエンジニアができるだけ実践的に開発を行えるように、具体例..

HTML演習　HTML5版　Webアプリケーション構築に必要なHTML、CSS、JavaScriptの基礎を学ぶ　中島省吾/著

2,200 円

Yahoo!ショッピング(ヤフー ショッピング)

【重要】本商品は委託品となり、取次店から直接手配となります。当店のお買い物ガイド(販売条件・支払い方法・送料について)をよくご確認の上、ご注文下さいますようお願い致します。■ISBN:978-4-88647-638-8 ■タイトル:HTML演習　HTML5版　Webアプリケーション構築に必要な..

アーキテクチャーからHTML5まで　Webシステム入門

2,376 円

紀伊國屋書店ウェブストア

Webシステムのトレンドを知りたいSE、プロジェクトマネージャー、IT営業担当者、必読！ 企業システムにも浸透してきたWeb技術。Webを使ったシステム構築に必要な技術やアーキテクチャーの概要を解説します。 前半ではWebシステムに欠かせない「Single Page Application（S..

HTML5 Canvas

3,520 円

Yahoo!ショッピング(ヤフー ショッピング)

本 ISBN:9784873115276 Steve Fulton／著 Jeff Fulton／著 安藤慶一／訳 出版社:オライリー・ジャパン 出版年月:2012年01月 サイズ:361P 24cm コンピュータ ≫ Web作成 [ ホームページ作成 ] 原タイトル：HTML5 Canvas エイチテイ-エムエル フアイヴ キヤンヴアス HTML5 CANV..

検索条件に該当する商品はありませんでした。

ｉＰｈｏｎｅ ＆ Ａｎｄｒｏｉｄ ＨＴＭＬ５ではじめるアプリ制作の手引き

220 円

ブックオフオンライン【PC・携帯共通】

外村和仁，大村徹，徳田和規，クロカワリュート，清水大輔

実践テクニック ＨＴＭＬ５スマートフォンＷｅｂアプリ制作

220 円

ブックオフオンライン【PC・携帯共通】

谷中志織

ＨＴＭＬ５＆ＣＳＳ３ドリルブック情報演習６１

220 円

ブックオフオンライン【PC・携帯共通】

相澤裕介(著者)

仕事にすぐ効く！ＨＴＭＬ５読本ウェブの最先端を読み解く！

110 円

ブックオフオンライン【PC・携帯共通】

春日智博，植木皓

ＨＴＭＬ５ガイドブックＧｏｏｇｌｅ ＡＰＩ Ｅｘｐｅｒｔが解説する

220 円

ブックオフオンライン【PC・携帯共通】

羽田野太巳，白石俊平，古籏一浩，太田昌吾

はじめてのＨＴＭＬ＋ＣＳＳ ＨＴＭＬ５対応ＴＥＣＨＮＩＣＡＬ ＭＡＳＴＥＲ８９

550 円

ブックオフオンライン【PC・携帯共通】

大藤幹(著者)

ＨＴＭＬ５＆ＣＳＳ３デザイン現場の新標準ガイド 第２版体系的に学ぶＨＴＭＬとＣＳＳの仕様と実践Ｃｏｍｐａｓｓ Ｗｅｂ Ｄｅｖｅｌ..

220 円

ブックオフオンライン【PC・携帯共通】

エビスコム(著者)

ＨＴＭＬ５ Ｗｅｂ標準ＡＰＩバイブル

220 円

ブックオフオンライン【PC・携帯共通】

羽田野太巳

ＨＴＭＬ５＆ＣＳＳ３辞典

220 円

ブックオフオンライン【PC・携帯共通】

アンク

ＨＴＭＬ５＆ＣＳＳ３デザイン現場の新標準ガイドフロントエンドエンジニアのための必須知識と実践

220 円

ブックオフオンライン【PC・携帯共通】

エビスコム(著者)