間違ったHTMLの書き方

2005年08月04日 雑記 #HTML

もう長い間HTMLと一緒に仕事をしているが、どうやら<UL><LI>の使い方が間違っていたようだ。ちょっと、恥ずかしい気もするがメモとして残しておこう!


間違った書き方(さっきまでこれが正しいと思っていた)


<ul>
  <li>aaaaa (1) </li>
  <li>bbbb (0)  </li>    
    <ul>
      <li>xxxx (2) </li>
      <li>yyy (0) </li>
      <li>zzz (1) </li>
    </ul>
  <li>cccc (2) </li>
  <li>dddd (0)</li>
</ul>

正しい書き方


<ul>
  <li>aaaaa (1) </li>
  <li>bbbb (0)    
    <ul>
      <li>xxxx (2) </li>
      <li>yyy (0) </li>
      <li>zzz (1) </li>
    </ul>
  </li>
  <li>cccc (2) </li>
  <li>dddd (0)</li>
</ul>

</li>の閉じタグの位置が違うだけなんだけど...  とりあえず、静的にHTMLを書く場合には、上記のように書けばいいんだけど、動的にプログラムで書く方法に悩んでます。


無事、解決しました。 (^_^)  その結果、こんな感じになりました。

著者写真
この記事を書いた人
山本 一道 / 有限会社アップルップル 代表

名古屋のWeb制作会社 (有)アップルップル代表。HTMLファーストな国産CMS「a-blog cms」開発・販売・サポート / 名古屋のWeb制作者コミュニティ「WCAN」主催 / コワーキングスペース「ベースキャンプ名古屋」運営。Web制作の現場をより良くするための活動をしています。

@kazumich

関連記事

この記事のハッシュタグ #HTML から関連する記事を表示しています。

View Transition API と htmx を組み合わせに成功
View Transition API と htmx を組み合わせに成功
なぜHTMLファーストな a-blog cms は長期運用に優れているのか
なぜHTMLファーストな a-blog cms は長期運用に優れているのか
Web Directions East 行ってみたいな
Web Directions East 行ってみたいな
broken_image No Image
W3C HTML 5 の初期草案を公開
broken_image No Image
<canvas>って
broken_image No Image
検索窓をSafariだけ角丸に その2