HTML 【実務・中級編】subタグとsupタグ（下付き・上付き文字） – HTML実践ガイド
意外と軽視されがち？``と``で表現する「意味のある」タイポグラフィフロントエンドの現場で、「とりあえずフォントサイズを小さくして `vertical-align` で調整すればいいよね」と、``とCSSで無理やり添え字を表現しているコード...
frontendintronational
HTML HTML 【入門編】subタグとsupタグ（下付き・上付き文字） – HTML実践ガイド
こんにちは！Web制作の世界へようこそ。HTMLを学び始めると、「文字を大きくしたり太くしたりするのは分かったけれど、ちょっと特殊な位置に文字を置きたいときはどうするの？」という壁にぶつかることがありますよね。例えば、科学の授業で習った「水...
HTML 【テクニカル・上級編】uタグの非明示的注釈 – HTML実践ガイド
``タグの「非明示的注釈」という深淵：ブラウザのレンダリングから型安全な設計までフロントエンドの深淵を覗くとき、私たちはしばしば「セマンティクス」という言葉に逃げ込みたくなる。だが、HTML仕様書の行間を読み解くと、ブラウザという巨大なエン...
HTML 【実務・中級編】uタグの非明示的注釈 – HTML実践ガイド
``タグは「ただの下線」ではない。HTML5が定義する「非明示的注釈」の正しい作法フロントエンド開発の現場で、``タグを見かけたとき、あなたはどんな感情を抱きますか？「あ、テキストにアンダーラインを引きたいんだな」と、CSSの`text-d...
HTML 【入門編】uタグの非明示的注釈 – HTML実践ガイド
こんにちは！Web制作の世界へようこそ。日々コードと向き合っていると、「あれ？これってどう使い分けるのが正解なんだろう？」と立ち止まってしまうこと、ありますよね。今日は、HTMLのタグの中でも、ちょっと影が薄いけれど実は奥が深い``タグにつ...
HTML 【テクニカル・上級編】iタグの慣用句的テキスト – HTML実践ガイド
``タグの再定義：セマンティクスとパフォーマンスの境界線を歩くフロントエンドの深淵を覗く諸君、今日もブラウザのレンダリングパイプラインと格闘していることだろう。HTMLのタグ選定において、かつて「``は単なるイタリック体」という誤解が蔓延し...
HTML 【実務・中級編】iタグの慣用句的テキスト – HTML実践ガイド
なぜ今さら `` タグなのか？——CSS時代の「意味論的」な使いこなし術フロントエンドエンジニアの皆さん、普段のコーディングで `` タグをどう扱っていますか？「昔は斜体（Italic）にするためだけに使っていたけれど、今はCSSで `fo...
HTML 【入門編】iタグの慣用句的テキスト – HTML実践ガイド
「ただ斜体にするだけじゃない？」HTMLの``タグに隠された本当の役割と使い方Web制作を始めたばかりの頃、ふとコードを見ていて「あれ、この``って何だろう？」と不思議に思ったことはありませんか？「``タグって斜体（イタリック）にするための...
HTML 【テクニカル・上級編】bタグのスタイル的オフセット – HTML実践ガイド
HTMLの「bタグ」は単なるレガシーか？：上級エンジニアが知るべき「スタイル的オフセット」の極意モダンなWeb開発において、私たちはセマンティクス（意味論）という強固な宗教を信仰しています。「強調したいなら``を使え、単なる太字ならCSSの...
HTML 【実務・中級編】bタグのスタイル的オフセット – HTML実践ガイド
「``タグは悪」という呪縛を解く：意味論（セマンティクス）とスタイルの境界線を再定義するフロントエンドの現場で、「``タグを使うな、すべて``で書け」という教えに一度は触れたことがあるのではないでしょうか。かつて、HTML4からXHTMLへ...