<li>リストで横メニューを作るわけ

質問

CSSで作成する際、
<li>リストを横書きにしてメニューに使う方法をよく見かけます。
<li>リストを使わなくても同じような横のメニューは作れますが、なぜ、あえて<li>リストを使って作るのでしょうか。
<li>を使うとメリットがあるという理由があったら教えてください。

回答No.2

0wl

基本なら
http://www.kanzaki.com/docs/html/lesson1.html
なんかどうでしょう？

liのメリット？ではなくhtmlの構造をデザインする人はliを使うでしょうね。
まず、人間に表示しているのはプログラムだから、プログラムにまずわかるよう書きましょう。という、ｈｔｍｌの部分から説明されています。入門する人にはまずお奨めして間違いのないサイトです。liにだけこだわっての質問であれば、見る価値はないです（木を見ずに森をみたいならお奨めです。木や葉をみたいなら見る価値ありません）。

一部を強調すると、そっちに走って本質を見失う可能性が大きいので、ココでは書きません。が、見た目を無視した正しいｈｔｍｌは盛りだくさんのメリットがあります。

お礼

参考URLありがとうございます。
とにかく見た目が同じなら・・・・ということでなく、正しいCSS、タグの役割などを理解したうえで作成していくことが大切ということですね。

回答No.1

ICHI-yan

ｃｓｓは飾りですので縦だろうが横だろうが関係ありません。どういう意味なのでしょうか？この「どういう意味なの？」を正しく解釈できる人は、liを使う人です。「どういう意味なの？」をもう１つの意味でとらえる人は、わかっていない人です。

正しく解釈できる人は今の時点で正しく解釈できていることをわかっておられます。うん？ならｈｔｍｌとｃｓｓの両方をわかっていない人だと思います。

例えて言うなら、日本語を表記するのに、漢字やひらがなを使います。アルファベットでも書けるのに、その方が世界に読めるのにどうしてですか？と質問しているようなものです。

２種類の方が居られると思います。
●あえてでなく必然でつけている人
メニューが箇条書きリストか、意味のないボックスか、本文か、見出しかどのタグがふさわしいかを考えて、箇条書きリストがふさわしいと思う人が「li」をつけるのだと思います。

箇条書きリストがふさわしいものに箇条書きのタグをつけると、ふさわしいプロパティが用意されていますの。ｃｓｓでデザインを付けるときも、ふさわしくないタグをつけているより、デザインしやすいです。人にもコンピュータにもわかりやすい構造もデザインする人です。

●なーんも考えていない人・間違った勉強の仕方を続けている人
ｃｓｓは視覚的デザインしか見ていないひとが沢山居られます。意味や構造ではなく、こういうデザインにする方法を探し回り、見つけたチップスをコピーしてできたと喜んでいる人。たまたま見本にしたサイトがliを使っていたんでしょうね。このコピーし記述だけを覚えることを勉強していると言い張る人もいるんです。

多分、usausa7さんも基本がぜんぜんの人だと思います。疑問をもたれたのはいい機会ですから、仕様書とまではいいませんが、良質のｃｓｓの入門書やサイトで-100から学び直されることをお奨めします。

お礼

わかりやすく回答してくださってありがとうございます。
その中で、「●あえてでなく必然でつけている人」というところのコメントで少しですが理解できた気がします。ありがとうございます。
CSSをスクールで学んだときはいくつかメニューの作り方をやりましたがその時点では疑問にも思わずにいました。
仕事でやっているわけではありませんが、やるからにはCSSの正道を目指したいと思います。プロの助言ありがとうございます！