インライン要素とテキスト装飾（a, span, strong, em, code, time）

リンクの「本質」を理解する：なぜ今、改めて `` タグを語るのかフロントエンドの世界に足を踏み入れて数年、「`` タグくらい書けるよ」という声が聞こえてきそうです。確かに、ブラウザに `href` を渡せばページは遷移する。しかし、Webと...

Web制作の世界へようこそ！HTMLという「Webの設計図」を学び始めたばかりの皆さん、こんにちは。今日は、WebサイトをWebサイトたらしめる、いわば「Webの心臓部」とも言える``タグ（アンカータグ）についてお話しします。これがないと、...

インライン要素という「深淵」：ブラウザのレイアウトエンジンと戦うための設計哲学フロントエンドの世界で、`display: inline`という概念を「単なるテキストを並べるためのもの」と軽視しているなら、それは巨大なシステムの設計において爆...

なぜ「インライン要素」でハマるのか？CSS表示モデルを再定義するフロントエンドの現場で、CSSの挙動に頭を抱える瞬間といえば、大抵決まって「インライン要素の余白」か「高さが効かない問題」です。新人の頃は「とりあえず `display: bl...

HTMLの「インライン要素」って何？Webページの「文章」を整える魔法を紐解こうWeb制作を学び始めると、必ずと言っていいほど「ブロック要素」と「インライン要素」という言葉に出会いますよね。「``はブロックで、``はインライン…」なんて教科...