11月 142011
 
シェアする

Hello people!

最近は暇な時間を見つけては Head First Html With CSS & XHTML を読みふける。

特にHTMLタグ知ってるし、一番興味があるのはCSSとXHTML。
どっちみち将来的にはネット検索に頼るだろうけど一通りの知識を付けておきたいという狙い。

例えば<ol>,<ul>,<li>というHTMLタグがそれぞれ

  • <ol> – Ordered List
  • <ul> – Un-ordered List
  • <li> – List Items

という意味を持っているって分かれば、覚えやすい。今まで使い方は分かっていたが文字の意味までは考慮しなかった。

とりあえず、HTMLファイルをオンラインでチェックしてくれるサービスを見つけたので紹介しておきます。

Markup Validation Service

  • 公開しているURLを指定して確認をさせる方法
  • HTMLファイルをアップロードして確認させる方法
  • サイト上にHTMLソースを直接書き込む方法

で、HTMLファイルの中身に誤りが無いか、不足が無いか、改善点が無いかを見せてくれる。
ちなみに Head First Html With CSS & XHTML に出てくるlounge.htmlをアップロードしてチェックさせるというフローがあるのだが、アップロードしたHTMLファイルのソースは以下のとおり

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
        <head>
                <title>Head First Lounge</title>
        </head>
        <body>
                <h1>Welcome to the New and Improbed Head First Lounge</h1>
                <img src="images/drinks.gif">
                <p>
                        Join us any evening for
                        refreshing <a href="../beverage/elixir.html">elixirs</a>,
                        conversation and maybe a game or two of
                        <em>Dance Dance Revolution</em>.
                        Wireless access is always provided;
                        BYOWS (Bring Your Own Web Server).
                </p>
                <h2>Directions</h2>
                <p>
                        You'll find us right in the center of downtown Webville.
                        If you need help finding us. check out
                        our <a href="../about/directions.html">detailed directions</a>.
                        Come join us!
                </p>
        </body>
</html>

Markup Validation Service の結果

Result:1 Error, 2 warning(s)

No Character Encoding Found! Falling back to UTF-8.No Character encoding declared at document levelLine 8, Column 31: required attribute “ALT” not specified

なかなか面白いな。
HTMLの書き方はルール化されているので、そのルールにできるだけ従ってHTMLファイルは書きたいものです。

以上

このエントリーをはてなブックマークに追加

コメント大歓迎!質問も受け付けておりますヽ(*´∀`)ノ