HTML

「新しいタブで開く」その裏側で起きていること――Webサイトを守るための小さな守護神のお話Webサイトを作っていると、リンクをクリックしたときに「今のページは残したまま、新しいタブで別のページを開いてほしいな」と思うこと、ありますよね。そん...

なぜ今さら `` タグなのか？：Webの原初を支える「リンク」の深淵フロントエンドの深淵に身を置く我々にとって、`` タグは空気のような存在だ。しかし、この「どこにでもあるタグ」を深く掘り下げると、ブラウザのレンダリング・パイプラインからH...

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

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

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

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

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