HTML 【入門編】markタグによるハイライト – HTML実践ガイド
まるで「蛍光ペン」！HTMLの``タグで、読者の視線をスマートに惹きつけようWeb制作を始めたばかりの皆さん、こんにちは！HTMLを書き始めると、``タグでリンクを作ったり、``タグで文字を太くしたりと、いろいろなタグを覚えるのが楽しくなっ...
HTML
HTML HTML 【テクニカル・上級編】subタグとsupタグ（下付き・上付き文字） – HTML実践ガイド
物理・数学表現の深淵：``と``タグのレンダリング挙動とアーキテクチャ設計フロントエンドの現場において、``（下付き）と``（上付き）タグは、ともすれば「ただのテキスト装飾」として軽視されがちだ。化学式の $H_2O$ や、数学の $E=m...
HTML 【実務・中級編】subタグとsupタグ（下付き・上付き文字） – HTML実践ガイド
意外と軽視されがち？``と``で表現する「意味のある」タイポグラフィフロントエンドの現場で、「とりあえずフォントサイズを小さくして `vertical-align` で調整すればいいよね」と、``とCSSで無理やり添え字を表現しているコード...
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制作を始めたばかりの頃、ふとコードを見ていて「あれ、この``って何だろう？」と不思議に思ったことはありませんか？「``タグって斜体（イタリック）にするための...