Kevin Yank氏がSitePointにおいてA Minimal HTML Document (HTML5 Edition)のタイトルのもと、 HTML5を使った場合の最小限のHTML記述の例とその意味を紹介している。 同氏は以前、同じくSitePointにHTML 4.01およびXHTML 1.0の最小構成紹介を掲載しており、 今回掲載された記事はその流れにつながるものとなる。掲載されているHTML5の最小構成例は次のとおり。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <link rel="stylesheet" href="style.css"> <script src="script.js"></script> </head> <body> <!-- page content --> </body> </html> A Minimal HTML Document (HTML5 Edition)では各行について説明が行われている。 ここではHTML4との違いで特に興味深い部分を次に取り上げる。 <!DOCTYPE html> HTML5で最低限必要とされるDOCTYPE指定。HTML4よりも短い。 HTML5をサポートしていないブラウザに対してHTML4として処理させることができるようにこのような指定になっている。 <meta charset="utf-8"> head要素最初の要素にはページの文字エンコーディングを指定するためのmeta要素を配置する。 <link rel="stylesheet" href="style.css"> CSSを指定するにあたってHTML4で必要とされたtype="text/css"指定はHTML5ではオプション扱いになっている。 <script src="script.js"></script> JavaScriptを指定するにあたってHTML4で必要とされたtype="text/javascript"指定はHTML5ではオプション扱いになっている。 また、ここで利用するscript要素はlink要素と違い必ずで閉じる必要がある。 http://journal.mycom.co.jp/articles/2010/05/26/minimal-html5/index.html6 :
シルベーヘイク(東京都):2010/05 /26(水) 21:24:53.14 ID:+MIqcg/s
XHTMLとは何だったのか?9 :
イボダイ(熊本県):2010/05/26(水) 21:26:28.84 ID:/kjBiKQt
なかなか使い勝手はいいけどね でも奥行きが意外と無くてちょっと反応できない事が多々ある11 :
ネズミザメ(埼玉県):2010/05/26(水) 21:27:34.62 ID:26FQZqP7
http://design-develop.net/web-design/5-awesome-html5-demos.html HTML5の可能性を伝えるデモ5つ12 :
アシロ(東京都):2010/05/26(水) 21:28:01.82 ID:5qcAvo8O
どうせ海外のテンプレートサイトでHTML5対応のフリーのが出てくるから それ見て勉強するわ。13 :
オオタロウ(神奈川県):2010/05 /26(水) 21:28:22.93 ID:JEyWUUGk
とりあえずエンドユーザーの俺には大きな変化は無いと思ってる。17 :
アシロ(大阪府):2010/05/26(水) 21:30:34.84 ID:qfqBN8x1
おれのいるような底辺のITドカの現場だと、あと5年はIE6に対応しろって言われそう。20 :
スギ(関西地方):2010/05/26(水) 21:32:15.43 ID:kRKb6Mn9
bタグiタグあれだけ怒られてたのに正式になってるのかよ23 :
マナガツオ(埼玉県):2010/05/26(水) 21:34:45.09 ID:wimNxmK9
頑張ってるのはHTMLじゃなくて JavaScript24 :
アシロ(dion軍):2010/05/26(水) 21:36:00.88 ID:iklNS3MW
ローカルデータベースがなかなか良い。SQL を書けるからね。 Cookieだといろいろ制限があったんだけどさ、便利になった。 個人的にはJavaScriptがもちっと機能性を上げて欲しいんだけどねぇ。 PHPぐらいに関数増えてくれないかな26 :
ニセゴイシウツボ(富山県):2010/05 /26(水) 21:37:51.30 ID:jh4lypMy
HTML5のデモ http://9elements.com/io/projects/html5/canvas/28 :
ハッカク(catv?):2010/05 /26(水) 21:40:11.67 ID:R5BQb3aU
>>26 そういうのをHTML5のデモとして出してくるから 勘違いする人が出てくるんだよな35 :
マナガツオ(埼玉県):2010/05/26(水) 21:44:17.83 ID:wimNxmK9
>>26 結局シンプルなのが見やすくていい って結論になるに100円 Flashサイトうぜえええ が HTML5全開サイトうぜええええ になるだけな気がする29 :
タイリクバラタナゴ(石川県):2010/05 /26(水) 21:40:46.52 ID:hiCLNFo8
HTML5 よりも CSS3 の方が開発者とユーザにとって影響が遥かに大きい。 HTML5 とセットに扱われてばっかりだけどさ、 画像無しスクリプト無しで、CSS3 単体で出来ることが格段に増えてる。 JavaScript 切っていてもちゃんと見れるサイトが増える。 The Basics of CSS3 http://www.webdesignerwall.com/tutorials/the-basics-of-css3/ CSS3 Dropdown Menu http://www.webdesignerwall.com/tutorials/css3-dropdown-menu/ Demo: CSS3 Buttons http://www.webdesignerwall.com/demo/css-buttons.html34 :
ゲンロクダイ(東京都):2010/05 /26(水) 21:44:01.60 ID:jodeJRli
>>29 ※ただしIEは除く http://shopdd.blog51.fc2.com/blog-entry-932.html 43 :
クマノミ(catv?):2010/05 /26(水) 21:51:38.99 ID:93/t20EN
>>34 これはすごい45 :
ニベ(静岡県):2010/05/26(水) 21:53:59.86 ID:TgGimHhk
>>34 IEワロタ47 :
フエフキダイ(関西地方):2010/05 /26(水) 21:57:18.17 ID:+KOxwrhB
>>34 IE先生さすが59 :
アカグツ(catv?):2010/05 /26(水) 22:04:08.81 ID:0NVbHrzQ
結局ブラウザごとの違いに悩まされるだけじゃねえの31 :
クマノミ(catv?):2010/05 /26(水) 21:42:18.93 ID:93/t20EN
各ブラウザごとにタグが変わって 結局flashプラグインいれたらええやん になるに100ジンバブエドル64 :
ヒメダイ(長屋):2010/05/26(水) 22:05:56.93 ID:wDtv+POk
http://o--o.jp/ ノビノビboyのサイトすげえ Flashいらねーじゃんマジで108 :
ネコギギ(千葉県):2010/05/27(木) 00:10:00.37 ID:ZjR/kjvs
とりあえず、IE6使ってる奴は今すぐ消えろ110 :
オオカミウオ(三重県):2010/05 /27(木) 00:12:26.07 ID:v6qtTrDx
HTML5ビデオ規格でOgg TheoraとH.264とで対立、gdgdに ↓ GoogleがOn2を買収し、同社のVP8コーデックをオープンソース化、「WebM」プロジェクト始動 ↓ Google ⇒ Chrome と YouTube で WebM 対応を発表 Adobe ⇒ Flash での WebM 対応を表明 Mozilla ⇒ プレα版でWebMに対応済み Opera ⇒ プレα版でWebMに対応済み Microsoft ⇒ ユーザーの選択肢に加えると支持 Apple ⇒ 不支持。 H.264フォーマットのみの推進を主張 ←いまここ114 :
カムルチー(神奈川県):2010/05 /27(木) 02:09:43.39 ID:s3z8aQt1
>>110 もうFLASHでいいじゃん。。 IE6の人も見れるし。。116 :
イシナギ(千葉県):2010/05/27(木) 02:29:00.36 ID:g8hZS+2G
勧告されてない現段階ではどうでも良すぎ。 糞林檎が開発プロットフォームとられないがために騒いでるだけ。124 :
ブラックアロワナ(富山県):2010/05 /27(木) 20:50:37.15 ID:HyHqsS3i
最終勧告が2020年頃と予想されているものを誇らしげに使うオナヌーWeb屋
羽田野太巳
秀和システム
売り上げランキング: 4003