テキストコンテンツの基本（p, h1-h6, hr, pre）

その「title属性」、本当に必要？アクセシビリティの観点から考える賢い使い方Web制作を始めたばかりの頃、誰しも一度は「このボタン、マウスを乗せた時に補足説明が出たら親切かも！」と思って、`title`属性をペタペタと貼り付けた経験がある...

HTMLの双方向テキスト（BiDi）制御：`dir`属性が引き起こすレンダリングの深淵フロントエンドの最適化を追求する際、私たちはしばしばCSSのレイアウトアルゴリズムやJSの実行タスクの削減に固執しがちだ。しかし、ブラウザのレンダリングエ...

なぜそのテキストは「逆」に流れるのか？ `dir` 属性とBiDi（双方向テキスト）制御の深淵フロントエンドの現場で、「多言語対応」という言葉を聞いて、あなたはまず何を想像しますか？ `i18n` ライブラリの導入？ それとも翻訳ファイルの...

「右から左へ？」HTMLの`dir`属性で世界中の言葉をきれいに並べる魔法Webサイトを作っていると、日本語や英語のような「左から右に読む」言語だけでなく、アラビア語やヘブライ語のように「右から左に読む」言語と出会う瞬間がやってきます。「え...

言語指定の「作法」がWebのレンダリングを変える：lang属性の深淵とアーキテクチャへの影響Webエンジニアリングの現場において、`lang`属性を単なる「SEOの加点要素」や「翻訳ツールのヒント」程度に捉えているなら、それは非常にもったい...

HTMLの`lang`属性、ただの「おまじない」だと思っていないか？フロントエンドの現場でHTMLのマークアップを見ていると、``タグに`lang="ja"`と書いてあるのを「お決まりの儀式」として思考停止しているケースが実に多い。しかし、...

「それ、本当に日本語ですか？」HTMLのlang属性がWebサイトの未来を変える理由Web制作を始めたばかりの頃、エディタに表示される「`lang="en"`」という見慣れない記述。「これって何だろう？まあ消しても動くし、とりあえずそのまま...

グローバル属性という「見えざる設計図」：パフォーマンスと保守性を極めるHTMLアーキテクチャフロントエンドの現場において、``や``といったテキスト要素を単なる「マークアップの器」と捉えていないだろうか。もしそうであれば、それは広大なブラウ...

HTMLのグローバル属性を「なんとなく」で終わらせない。プロが現場で意識している最適解フロントエンドの世界に足を踏み入れて数年、「`id`や`class`はとりあえず付けているけれど、それ以外のグローバル属性は正直あまり使っていない」という...

こんにちは！フロントエンドの世界へようこそ。HTMLを学び始めると、まずは `` で見出しを作ったり、`` で文章を書いたりすることに夢中になりますよね。「お、自分の書いた文字がブラウザに表示された！」というあの瞬間の感動は、何度味わっても...