HTMLで「セクション(section)」はドキュメント内の一つのセクションまたはセグメントを定義し、構造的に意味のある独立したコンテンツブロックをグループ化するために使われます。<section>タグを使用して、関連するコンテンツをまとめて意味のあるグループにします。これは記事、ブログエントリ、ニュースアイテム、ガイドの章などウェブページ内の独立したセクションを識別するのに役立ちます。
HTML / CSS
HTMLのページ構造とは
HTML（HyperText Markup Language）のページ構造は、ウェブページのコンテンツとデザインを定義するための要素（タグ）で構成されます。
続きを読むHTMLのolタグとは？番号付きリストの基本と使い方をやさしく解説
HTMLを学び始めると、文字や画像を表示するだけでなく、「リスト（箇条書き）」を作る場面がたくさん出てきます。リストには大きく分けて2種類あり、「順番に意味があるリスト」と「順番に意味がないリスト」があります。olタグは、そのうち「順番に意味があるリスト」を表現するためのタグで、「ordered list（順序付きリスト）」の略称です。ブラウザでは通常、1. 2. 3. のように番号付きで表示されるため、「番号付きリスト」と呼ばれることも多いです。
HTMLの表とは
HTMLでの表（table）の作成は、データを行と列の形式で整理して表示するために使用されます。表は、情報を比較しやすくしたり、構造化されたデータをユーザーに提供したりする際に役立ちます。
続きを読むHTMLのliタグでよくある間違いと正しい書き方パターン集
HTMLの学習を始めると、まず登場するのが「タグ」という考え方です。タグとは、ブラウザに「ここからここまでが見出しです」「ここは段落です」「ここはリストです」といった意味を伝えるための印のようなものです。<html> や <head>、<body> などもタグの一種ですが、その中でも「箇条書きの1項目」を表すタグが <li>タグ です。
ホームページに箇条書きを追加！ulタグの書き方とよくある使い方
HTMLでWebページを作成するとき、「箇条書きのリスト」を表現したい場面はとても多いです。メニューの一覧、特徴の箇条書き、注意事項、問い合わせ先の一覧など、文章を読みやすく整理するためにリストは欠かせない要素です。そのような「順番のない箇条書きリスト」を表すために使われるタグが、ulタグです。ulは “unordered list（順序なしリスト）” の略で、先頭に黒い点（・）や丸いマークが付いたリストをイメージしていただくと分かりやすいと思います。
HTML 4.01 Strictで身につける「文書構造」と「見た目」の分離という考え方
HTML 4.01 Strict（エイチティーエムエル よんてんゼロいち ストリクト）とは、HTML 4.01という世代のHTML仕様のうち、「文書構造をきれいに保つこと」を重視したバージョンのことです。ここでいう「Strict（ストリクト）」は「厳格な」という意味で、レイアウトや見た目のための古い書き方をできるだけ排除し、文書として正しい構造をマークアップ（タグを使って構造を記述すること）することを目的としています。簡単にいうと、「見た目の指定はCSSにまかせて、HTMLは文章の意味や構造を表すことに集中しましょう」という考え方を、ルールとしてはっきり定めた仕様です。
続きを読むいまさら聞けないXHTML1.0 Strict DTD：文書構造を厳格にする理由とメリット
XHTML1.0 Strict DTDは、HTMLをより厳密な構造で記述するために定められた仕様の一つであり、特に文書構造の正しさを強く求める点が特徴です。DTDとは「Document Type Definition（文書型定義）」の略で、HTMLやXHTMLといったマークアップ言語で使用できる要素や属性のルールを定めた文書のことを指します。このDTDに基づいて記述することで、ブラウザや支援技術に対して一貫した構造を提示することができ、より意味の正しいマークアップが可能になります。
続きを読むデザインが伝わる！CSS list-style-typeで箇条書きを見やすくするテクニック
CSSのlist-style-type（リスト・スタイル・タイプ）プロパティは、箇条書きリストに表示される「マーカー」の種類を指定するためのプロパティです。ここでいうマーカーとは、<ul>タグ（順不同リスト）で表示される「●」「○」「■」のような記号や、<ol>タグ（順序付きリスト）で表示される「1.」「a.」「I.」といった番号や文字のことを指します。HTMLだけでリストを書くとブラウザの既定の見た目になりますが、list-style-typeを使うことで、このマーカーの形をCSSから自由に変更できるようになります。
a,b,c や Ⅰ,Ⅱ,Ⅲ もOK！順序付きリストのtype属性使いこなしガイド
順序付きリストとは、項目同士に「順番があること」を明確に表したいときに使用するHTMLの構造要素です。HTMLでは <ol> タグを使って順序付きリストを作成し、その中に <li> タグ（list item：リストの項目）を並べることで構造を表現します。たとえば、手順やランキング、優先度のある項目を説明する場面では、順序付きリストを使うことで読者に「この順番で進める」という意図が自然に伝わりやすくなります。