HTML 【HTML設計】英語見出し＋日本語サブ見出しのベストプラクティスを考える
WebサイトやサービスLPなどでよく目にする、「英語の見出し＋日本語サブ見出し」というデザイン。Figmaやデザインカンプ上では直感的でも、HTMLでマークアップするときに悩まれる方は多いのではないでしょうか？今回はそんな見出しの最適なマー...
HTML
HTML 
HTML HTMLのstrongタグとbタグの違いとは？意味と使い分けを徹底解説
Web制作の現場では、文字を太字にするためにHTMLの<strong>タグや<b>タグが使われますが、この2つには明確な違いがあります。見た目が似ているため混同しがちですが、使い分けを正しく理解することは、アクセシビリティやSEO対策にも大...
HTML 図と説明文をセットで書ける！？意外と知らないfigureタグの正しい使い方
HTMLを書いていて、「この画像に説明をつけたいな〜」って思うこと、ありますよね？そんなときに使えるのが、今回紹介する <figure>タグ です。単なる装飾じゃなくて、「この画像にはこういう意味がありますよ〜」って、図とキャプション（説明...
HTML hgroupタグの使い方とその役割
「見出しグループをまとめるタグ」として登場した<hgroup>ですが、「そもそも必要なの？」という疑問を持つ方も多いかもしれません。実際に仕様変更があり、非推奨（廃止予定）となっていた時期もあります。この記事では、<hgroup>の使い方と...
HTML pictureタグとfigureタグの使い分け方とは？
HTMLで画像を使用する際に役立つタグに、<picture>と<figure>があります。どちらも画像に関連したタグですが、用途や意味合いが異なるため、適切に使い分けることが大切です。今回はそれぞれのタグの特徴と、正しい使い分け方について解...
HTML HTMLのpictureタグとは？使い方と使う時の注意事項
HTML5から追加された<picture>タグ。<picture>タグは、異なるデバイスや画面サイズに応じて最適な画像を表示するために使用する、画像をグルーピングするためのタグです。このタグをちゃんと使うことで、ブラウザの条件に合わせて適切...
HTML ul、ol、dlタグの特徴と使い分けのポイント
HTMLでリストを表現するタグには、<ul>、<ol>、および<dl>の3種類があります。それぞれ異なる意味と使い方を持ち、適切に使用することがHTML上のルールやSEO対策としても良しとされています。今回は各リストタグの特徴と具体的な使い...
HTML HTMLの歴史〜ウェブの進化とともに歩んだマークアップ言語〜
HTML（HyperText Markup Language）は、今ではWebサイトを作成する上で重要な言語です。1990年代初頭に誕生し、Webサイトを作成するための標準となりました。今回は、そんなHTMLの成り立ちから現在の姿まで、歴史...