ブログフロントエンド10年目の僕がHTML、CSS、javascriptの忘れがちなことを日々書いています。2023年01月21日この記事は約4分で読めます。広告HTMLでリストを書くときに便利な「ul」ですが、2つ以上同じスタイルを並べる時もかなり使えます!コーポレートサイトやブログサイトを作成、LPなどを作る時もほぼすべての要素が「ul」で書いちゃいます。この記述ってあってるのかなと思って調べると、検索順位に影響する可能性があるらしいんだ。「ul」を使っていい所、使っちゃダメで別のタグで書かなきゃいけない所などルールがあるから一緒に勉強しよう。先にもお話したように、自分は「ul」を多用しすぎちゃう。比較する2つの要素は、確実に「ul」で書く!他には一覧表示のコンテンツも「ul」で書く!headerのメニューも「ul」だし、SNSリンクも「ul」。footerのメニューも、SNSリンクも「ul」で書く!バナーのリンク集も「ul」で書く!その他にも今思いつかないけど、滅茶苦茶「ul」を使う。これはこれで正解みたい。List」の頭文字をとったもので、1、2,3...の順番が無ければどんな所でも利用可能なんだ。逆に順番があるリストは?「ol」を使った方が良い所メニューや比較、一覧など順番が無いリストは、「ul」が適しているけど、順番のあるリストにはなるべく「ol」を使った方が良いよ!「ol」を使う。