ホーム > (X)HTML > 新仕様HTML5とHTML4との違い

新仕様HTML5とHTML4との違い

注目されている新仕様のHTML5ですが実際にどのように違うのかをまとめてみました。
一つ注意として、現時点ではHTML5は草案にすぎないところです。

HTML4とHTML5との違い(日本語)
http://www.html5.jp/trans/w3c_differences.html

HTML5で新しく追加された要素や属性(日本語)
http://www.html5.jp/trans/w3c_differences.html#language

記述方法例

いままでHTML4でheader部分を記述しようとしたら

<div class="header">ヘッダー部分</div>

と記述していたかと思いますが、
HTML5で記述すると

<header>ヘッダー部分</header>

となります。

追加された要素

headerを例に挙げましたがその他にも、

  • footer(セクションのフッタを表し、コンテンツ製作者、コピーライト情報などの情報を入れることができます。)
  • section(一般的な文書、または、アプリケーションセクションを表します。文書構造を表すために h1-h6 と一緒に使います。)
  • article(ブログエントリや新聞記事のような、文書のコンテンツの独立した部分を表します。)
  • aside(そのページに少ししか関連しないコンテンツの部分を表します。)
  • nav(その文書のナビゲーション用のセクションを表します。)

などなど追加された要素がこのほかにたくさん有ります。

一つ気になる要素が有ったのですが、

dialog は、このように会話をマークアップするのに使うことができます。
<dialog>
<dt> コステロ
<dd> Look, you gotta first baseman?
<dt> アボット
<dd> Certainly.
<dt> コステロ
<dd> Who’s playing first?
<dt> アボット
<dd> That’s right.
<dt> コステロ
<dd> When you pay off the first baseman every month, who gets the money?
<dt> アボット
<dd> Every dollar of it.
</dialog>

とあったのですが<dt>や<dd>の終了タグはいらないのでしょうか?

おすすめ記事

にほんブログ村 IT技術ブログへ  人気ブログランキングへ



RSS リーダーで購読する

コメント:2

web 初心者 09-04-26 (日) 3:17

こんにちわ!突然のコメント失礼します。vicunaのサイトからこちらをみつけて
お気に入りにさせて頂いてます。最近になって急にブログを立ち上げたいと思いvivunaのテンプレを使って少しすつでもカスタマイズの勉強ができればと思い頑張ってい最中なのですが、、、早くも挫折ぎみで。こちらのサイトはとても勉強になります。そこで ぜひarisaさまにお聞きしたいのですが、わたしはfc2用のvicunaのテンプレを練習用に使っています。グローバルナビのモジュールが最初から用意されているタイプなのですが  こちらのサイトではcontact メニューを設けてその中の内容にメールフォームと説明を設けていらっしゃいますよね?わたしも同じようなカスタマイズができたらと思うのですが ナビから自分の設けたページへのリンクへの方法すらわからずとても困っています。気ばかりあせるのですがたぶんwebの基本的な構造自体が理解できていないからなんだと思います。自分だけの知識ではもう限界で、、、こちらならわかりやすいアドバイスが頂けるのではないかと図々しくもコメントさせて頂きました。どこをどのように編集したらトップメニューの中に内容を振り分けて表示することができるようになるのでしょうか?

あと、タグクラウドを有効にしてそのキーワードをブラウザ画面で実際に表示させる
編集方法なども知りたいのです。vicunaのサイトでも何度かフォーラムに参加したのですが知りたい回答が得られず長い間もやもやしたまま今に至っています。
どうかご教示よろしくお願いします!

arisa 09-04-29 (水) 20:09

>web 初心者さん
FC2ブログユーザーでないので可能な限りお答えさせていただきます。

私の場合、FC2でなくwordpressというブログを使用しています。
contactの部分はwordpress用のプラグインを使用しているので、
メニュー部分にお問い合わせフォームを設置することが出来ています。

FC2のほうでお問い合わせ機能を実装できるようなプラグインなどは出されていますか?

これはお問い合わせフォームのページがある前提になりますが、
FC2のブログでナビから自分の設けたページへのリンクするには、
FC2用のvicnaを拝見しましたが、HTMLテンプレート内に記述されている
26行目あたりにある

トラックバック:0

このエントリのトラックバック URL
http://arisa.biz/webcreate/xhtml/2009-04-20/%e6%96%b0%e4%bb%95%e6%a7%98html%ef%bc%95%e3%81%a8html%ef%bc%94%e3%81%a8%e3%81%ae%e9%81%95%e3%81%84/trackback/
Listed below are links to weblogs that reference
新仕様HTML5とHTML4との違い から WEB総合情報サイト arisa.biz

ホーム > (X)HTML > 新仕様HTML5とHTML4との違い

外部PR
山川設計
外部PR
最善の道
今からでも人生は変えられる
高校生 英語
英語塾ならウザワシステム!
読書感想文コンクール課題図書
明智の源流へ

ページのトップに戻る