2018.06.29レシピマークアップリスト(箇条書き)のマークアップリスト(箇条書き)のマークアップについて解説します。この記事のポイントリスト(箇条書き)の基本的なマークアップが分かるul要素とol要素を使い分ける目次リスト(箇条書き)のマークアップについてマークアップ例リスト(箇条書き)のマークアップについてHTMLコーディングにおいて、リスト形式でマークアップすることは多いです。HTMLではリストをマークアップするための要素が、ul要素とol要素の2つ用意されています。ここでは、この2つの違いをしっかり確認しながら、基本的なマークアップ方法を解説します。List」の略となっています。2つの違いはリストとなる項目が順番に並ぶ必要があるか、ないかで使い分けます。順番に並ぶ必要があるものは、例えばシリーズものの並びや、サイトでよくみる「アクセスランキング」などです。シリーズ作品のマークアップイメージこういった順番が決まったものは、1つ目から順に正しく並んでいるべきです。そのような場合は、ol要素を使ってください。ul要素は項目の並ぶ順序が特に決まっていない場合に使います。上記の「リストの使用例」のような並びだったり、次のようなただ項目を並べるだけの場合です。順序は特に問わない場合のリストマークアップ例2つの要素の違いがハッキリしたところで、HTMLのマークアップ例を確認して行きましょう。ol要素ol要素は順序が決まっているので、上から順になるようにマークアップします。ol要素のマークアップ例<h2>ハリーポッターシリーズ</h2><ol><li>賢者の石</li><li>秘密の部屋</li><li>アズカバンの囚人</li><li>炎のゴブレット</li><li>不死鳥の騎士団</li><li>謎のプリンス</li><li>死の秘宝</li></ol>ol要素の表示例ul要素ul要素は順序は特に決まりがないため、適当な順番でマークアップします。次のソースコードもランダムに並べていますが、3つ目の項目が1番上に来ていても、逆に1番下であっても大丈夫です。LINE</li></ul>ul要素の表示例こちらの記事は役に立ちましたか?GoodBadありがとうございます。よろしければ、あわせてフィードバックや要望などをご入力ください。コメント送信コメントありがとうございます!運営の参考にさせていただきます。要件を満たすコードをササッと書けて、どこでも通用するような凄いエンジニアになりたい。エンジニアをやっていると、そんな憧れや「個人の能力・スキル」重視の思考に陥ったことが一度はあるのではないでしょうか。本書はそんな個人思考から脱却し、より広い視点を持ちながら効率良い開発を進められるようなエンジニアの参考にすべき考え方が詰まっています。