HTMLをXHTMLに!

  1. きれいな(X)HTMLの自分的書き方
  2. 実践 タグの書き方と文書構造
  3. 積水ハウスHTML + CSS
  4. HTMLをXHTMLに!

今つくったHTMLをXHTMLにしたいと思います。

!DOCTYPE変更

HTML用の!DOCTYPEをつかっているので、これをXHTML形式にします。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

これを

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

に変更。

タグを閉じよう!

XHTMLでは単体の要素でも、タグをしっかり閉じてやらないといけません。<meta> <img>などの要素もしっかり閉じてあげましょう。

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="">
<meta name="description" content="XHTML,HTML strict勉強用">
<meta name="keywords" content="XHTML,CSS">
<title>HTML,XHTML strict 勉強用</title>
<link rel="stylesheet" href="css/import.css" type="text/css">

から

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="author" content="" />
<meta name="description" content="XHTML,HTML strict勉強用" />
<meta name="keywords" content="XHTML,CSS" />
<title>HTML,XHTML strict 勉強用</title>
<link rel="stylesheet" href="css/import.css" type="text/css"  />
<ul id="links">
    <li><a href=""><img src="../img/banner3.gif" alt="住まいづくりの教室" width="178" height="60"></a></li>
    <li><a href=""><img src="../img/banner4.gif" alt="Web納得工房 Netで家づくりを楽しく学びませんか" width="178" height="60"></a></li>
    <li><a href=""><img src="../img/banner5.gif" alt="SUSTAINABLE DISIGN LABORATORY ひとと地球の未来に届ける住まいづくりを目指して" width="178" height="60"></a></li>
    <li><a href=""><img src="../img/banner6.gif" alt="サステナビリティレポート2007 接続可能報告書 環境・CSRに関する取り組み" width="178" height="60"></a></li>
    <li><a href=""><img src="../img/banner7.gif" alt="住宅の消費税 ご意見を募集しています 住宅生産団体連合会" width="178" height="46"></a></li>
</ul>

から

<ul id="links">
    <li><a href=""><img src="../img/banner3.gif" alt="住まいづくりの教室" width="178" height="60" /></a></li>
    <li><a href=""><img src="../img/banner4.gif" alt="Web納得工房 Netで家づくりを楽しく学びませんか" width="178" height="60" /></a></li>
    <li><a href=""><img src="../img/banner5.gif" alt="SUSTAINABLE DISIGN LABORATORY ひとと地球の未来に届ける住まいづくりを目指して" width="178" height="60" /></a></li>
    <li><a href=""><img src="../img/banner6.gif" alt="サステナビリティレポート2007 接続可能報告書 環境・CSRに関する取り組み" width="178" height="60" /></a></li>
    <li><a href=""><img src="../img/banner7.gif" alt="住宅の消費税 ご意見を募集しています 住宅生産団体連合会" width="178" height="46" /></a></li>
</ul>

これだけで終わりです!簡単ですね^^

積水ハウス XHTML

  1. きれいな(X)HTMLの自分的書き方
  2. 実践 タグの書き方と文書構造
  3. 積水ハウスHTML + CSS
  4. HTMLをXHTMLに!

このページの先頭へ戻る

トラックバック : 0

http://develo.org/mt/mt-tb.cgi/91

このページの先頭へ戻る