ul、olの中にliが1つだけ。M2制作BLOGul、olの中にliが1つだけ。>ul、olの中にliが1つだけ。2016/06/13ul、olの中にliが1つだけ。これってアリ!?「liの中身が1つしかないけど、これって良かったっけ?」って思うこと、たまにありませんか?使用可能かどうか、という点と、そもそもなぜ不安に思ってしまうのかという点それぞれにお答えします!「ulの中にliが1つしかないんだけど、大丈夫か?」そうお悩みの方のために結論から申し上げます!html的には問題ありません!ul要素は、内部にli要素を1つ以上含んでいれば問題なく使うことが出来ます。気になるのは、一般的に「リスト」という言葉が多数の項目を書き出したものに対して使われている点です。それ故に1つしか要素が無いものを「リスト」と呼ぶことに違和感を覚えるのは、当然と言えます。ブラック―」なので、「html的には正しいが、文章的には誤り」というのが結論です。実は私自身、このようなliが1つしかない状況に多々出会ってきました。リンク集のページに掲載されていた10個ほどのリンクをリストタグで囲んでいたものの、リンク先サイトの消滅に伴い、気がつけば1つだけになってしまった..などなど。繰り返しになりますが、html的には問題ありませんので、こういった場合でもわざわざpタグ等に書き換える必要は無いと思いますよ。ちなみに今回はulを使ったリストを中心に書きましたが、olもliを1つ以上含んでいれば使うことができます。dlはdtとddをそれぞれ1つ以上含んでいれば、使えます。間違いなどありましたらコメントにてご指摘いただければ幸いです。次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。要素クリックでclassを付与するJqueryコード。「htmlタグ」と「html要素」の違い【CSS】classを2つ指定して制御する方法。人気記事TOP10会社の椅子をバランスボールにし、2年経って思ったこと。7色の虹色をデザインに使用する際の注意点。【すぐ解決】WACOMペンタブで線がガタガタする深度マップ(depthmap)を使って被写界深度を静止画像に適用するAfterEffects-下のレイヤーを使ってマスク(切り抜き)する高価買取される初期ポケモンカード(旧裏面)まとめ▼ランダムに記事を表示しています▼デザイナー必読。【AfterEffects】有料プラグインおすすめの定番3選。この1冊読めばスタートに立てますCG制作で活躍「ゲーミングマウス」4選。【wacomペンタブ】BAMBOOとIntiosのペンは互換性あり!?【無料】検索順位を調べるツール「GRC」が便利すぎるCG制作で活躍「ゲーミングマウス」4選。要素クリックでclassを付与するJqueryコード。【CSS】classを2つ指定して制御する方法。【wordpress】ウィジェットを取得するシンプルなコード。【すぐ解決】パーマリンクを変えたら画面真っ白問題。CPIサーバー利用中の方向けデザイナー必読。高価買取される初期デジモンカード(旧裏面)まとめamazonアフィリエイトの審査に落ちる人必見。合格のコツ【ネットに繋がらない】PPPoE見直しても、再起動でもダメ...その意外な原因とは!?ホームページ・ブログ・動画作ります。