宮崎ロッド・Prime Time バンブーロッドPiggy's Tail

2004-12-08

よくある勘違いをメモ:HTML編

1.コメントを書き込む時、往々にしてあるマチガエの例。mozilla への地雷攻撃か?

誤:    <!-------------------------------------->
正:    <!--==================================-->
誤:    <!-------ここまで----ここから----------->
正:    <!--     ここまで    ここから         -->

正:    <!--     ここまで
                ここから         -->

<!--    --> の中は改行は可能だが
複数のハイフンは連続してはならない。

2.リストを入れ子にする

項目を整理して表示できるリストタグは便利で多用されていますが「入れ子」にする時にはコツがいります。

誤:   <ul>
       <li>A</li>
        <ul>
         <li>a</li>
         <li>b</li>
         <li>c</li>
        </ul>
       <li>B</li>
       <li>C</li>
      </ul>

正:   <ul>
       <li>A
        <ul>
         <li>a</li>
         <li>b</li>
         <li>c</li>
        </ul>
       </li>
       <li>B</li>
       <li>C</li>
      </ul>

<ul>の子要素は<li>。誤の例では<ul>の子要素に<ul>がなっている。

この2つ、意外に多い、ちゅーか自分もやっちゃったことがある>心当たりがあるヒトはこっそり直しませう

-■-

ウェブサイト全般の「行の高さ」を見直しました。本文のCSSをいじって広めに‥

   p  { line-height :      1.3em; }

‥としてみました。ちょっとは見やすくなったでしょうか。

Posted by TM* at 2004-12-08 11:02 in Web関連 » miyazaki-rod.com | English | Permalink | 
Tagged as:

このカテゴリ以下の他の日記、メモなど

  1. リンクをタブのように見せるCSS
  2. アーカイブスを折りたたみ表示に
  3. blosxomをアレコレ
  4. 2008年11月の子豚のしっぽ、アクセス・ベスト10
  5. 印刷用スタイルシートを追加
  6. スタイルシートを微調整
  7. 過去の日記を再構築中
  8. 子豚のしっぽの動きを止めてみる
  9. Safari 3 Public Beta For Windows XP のスクリーンショットを追加
  10. 子豚ページのアップデート