模擬問題練習（アレンジ）

Web検定対策

http://homepage2.nifty.com/melcafe/kentei/main_html.html
HTMLで注意したこと

  1. xml宣言は書かない（文字コードはサーバ方送信されるようにしておくのが基本）かつてShift_JISを入れていたのは不要
  2. lang属性とxml:lang属性の両方を指定する
  3. ユーザビリティ対策（imgにaltを入れる、tableにcaptionやsummaryを入れる、できればabbr要素も）
  4. xhtml1.1では2001年W3C勧告で追加されたルビ関連要素も有りか？（rb要素やrt要素）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
　　　↑↑　（XHTML1.0以降xmlns属性は必須（DWで自動的に入ってきますが・・・）

CSSで注意したこと

  1. utf-8を初期設定
  2. ブラウザデフォルト設定
  3. DIVやimgのサイズ設定
  4. 中央揃えの設定　margin: 0 auto;

@charset "utf-8";

/* CSS Document */

body {

font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", san-serif;

font-style: normal;

text-align: center;

border-style: none;

}

h1, h2, h3, p, ul, table, th, tr, td {

font-style: normal;

text-align: left;

padding: 0px;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

list-style-type: none;

}

#content {

float: left;

width: 700px;

}

#banner {

float: right;

width: 200px;

}

#wrapper {

width: 900px;

text-align: left;

}

#footer {

clear: both;

text-align: center;

width: 900px;

}

td {

text-align: center;

vertical-align: middle;

}