chevron_left

HTML4.01からHTML5への書き直し方 -何を/どうやって/何に-

PREMIUM
第1回

HTML4.01からHTML5への書き直し方 -何を/どうやって/何に-

2015年3月25日 90min

スライド資料

会員登録して、全てのスライドを見よう

1 / 94

授業の概要


この授業は主にデザイナーやプログラマーの方向けの内容となります。
HTML5に詳しい方ではない初心者、HTML4.01は理解している方向けの授業を行います。

「HTML5とは何か」というような仕様的な話ではなく、HTML4.01の「何を」「どうやって」「何に」書き換えれば良いのか、その理由も交えながら解説しつつ進めていきます。

- HTML5における不要な属性は何か
- header,footer,article,sectionなどの使いどころ
- ページ内で1つしか使ってはいけない要素は何か


これらを具体的に書き直しつつ、その理由や要素の解説を行います。

派手な機能や見た目に関するお話は全くありませんが、HTML5の文法的に大事な基本を理解することが出来るようになります。
原理や理屈を理解すると言うよりも、現在のHTMLからの変更点を理解するための実践的・実務的な内容になります。

こんな人にオススメ

HTML4.01はわかるがHTML5の理解が浅い方・差がわからない方

授業で使用する教材

※授業以外での使用は禁止します

チャプター

play_arrow
自己紹介&アジェンダ
03:39
play_arrow
HTML5の概要
06:45
play_arrow
HTML4.01をHTML5に書き換える
04:01
play_arrow
冗長なモノを省略
03:04
play_arrow
HTML5では問題ナシ
03:50
play_arrow
新しいグループ化
06:53
play_arrow
セクショニング要素
04:45
play_arrow
form、input関連
08:35
play_arrow
新しい要素いくつか
05:52
play_arrow
新しい属性いくつか
06:43
play_arrow
WAI-ARIA
03:55
play_arrow
レガシーブラウザ対応
05:52
play_arrow
便利なサイトいくつか
03:45
play_arrow
まとめ
02:16
play_arrow
Q:イントラのコンテンツで外に出せないのをバリデートするソフトとかないでしょうか?
01:22
play_arrow
Q:バリデーションのメッセージってなんとか変えれないですか?
00:39
play_arrow
Q:markの色の変更はどうすればいいんですか?
00:39
play_arrow
Q:footerの所は、HTMLの場合、smallタグでくくるのですか?
01:49
play_arrow
Q:今のサイトがshift-JISで構築されているのですが、HTML5はUTF推奨となっています。Shift-JISではダメなんですか?
01:18
play_arrow
Q:岡部先生は独学でHTMLの勉強をしましたか?
01:35
play_arrow
Q:デザイナーの村田先生は、どんな勉強法でデザインのレベルアップをしていますか?
01:10
play_arrow
Q:div要素と違ってどのような点で有効なのでしょうか?
03:45
play_arrow
Q:宣言文が古いままで、html5の要素使っても大丈夫ですか?
01:21
play_arrow
Q:idとclassだとどちらが好きですか?
01:44
play_arrow
Q:レイアウトなどのCSSはdiv要素ですか?