宮崎ロッド・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. Dropdown menuを(小)変更
  2. 本家ホームページのレスポンシブ化
  3. レスポンシブWebデザイン・2
  4. レスポンシブWebデザイン・1
  5. 本家日記のメンテナンス
  6. 宮崎ロッドのFacebookページです。
  7. 日記に Facebook のいいね!ボタンを付けてみる
  8. リンクをタブのように見せるCSS
  9. アーカイブスを折りたたみ表示に
  10. blosxomをアレコレ

Tags

ATH (7), css (34), delight (25), facebook (39), firefox (15), google (5), html (11), maiking-delight (10), memo (62), netscape (7), NO TRUNKS (7), SEO (8), spam (15), twitter (7), war (11), WE LIVE HERE (11), いろいろ (18), うどん (6), お知らせ (5), やきとり (6), イベント (44), イワナ (7), カゲロウ (5), カディス (7), カレー (10), カワゲラ (12), キャス練 (29), ギター (5), クラフト (6), ゲイリー・スナイダー (5), ゲイリー・バートン (5), ジャズ (167), スナップショット (5), スパゲッティ (7), ソウル (19), ソフトウェア (21), ソロー (5), タラノメ (9), チック・コリア (7), ニジマス (5), ハンドクラフト展 (12), バイク (9), バジル (7), バンブーロッド (5), パイプ (5), パット・メセニー (6), ビル・エヴァンス (17), ピアノ (28), フライ (59), フライタイイング (13), フライライン (5), メモ (202), ヤマメ (16), ランディングネット (25), ラーメン (9), リールシート (7), ロッドメイキング (10), 人物 (41), 出来事 (12), 大雪 (5), 奥多摩 (64), 奥多摩川 (32), 小菅川 (76), 小菅川冬季ニジマス釣場 (15), 山菜 (6), 新年 (16), 更新 (41), 東京トラウトカントリー (5), (10), 水生昆虫 (12), 渓流フライ教室 (28), (40), 田渕義雄 (5), 矢野シルクライン (7), (22), 読書 (53), 道志川 (6), 選挙 (6), (20), 雑感 (176), 雑誌 (7)