セクションを表す要素には article 要素、section 要素、aside 要素、nav 要素の 4 つの要素がありますが、この中で最も用途が分かりやすいのは nav 要素ではないでしょうか。し...
Continue reading...HTML
【HTML】section 要素を見つめなおす
[2023-08-22 更新] HTML5 で新たに導入された section 要素、みなさんは適切に使いこなせているでしょうか。いまでは、section 要素は当たり前のように使われ、さまざまなネッ...
Continue reading...【HTML】aside 要素の使いどころ
分かったようで分からない、そんなもやもやする HTML 要素の一つに aside 要素があるのではないでしょうか。その元凶の一つに「サイドバー」という言葉が挙げられます。ここでは aside 要素の定...
Continue reading...【HTML】article と section はどう使い分ければ良い?
HTML を学び始めた初心者から、HTML4 時代から知識をアップデートしようとした古参まで、最新の HTML を学ぶと出くわすのが、article 要素と section 要素はどのように使い分ける...
Continue reading...【HTML】使い道が分かりづらい cite 要素
HTML の要素には cite と quote がありますよね。日本語にするとどちらも「引用」なので混乱します。とりわけ cite 要素は使い道が分かりづらく、使ったことがない人も多いのではないでしょ...
Continue reading...【HTML】ここは自動翻訳しないで translate 属性
海外のウェブサイトを読みたいとき、Google 翻訳を活用した人は多いのではないでしょうか。筆者は、英語なら何とか読めたとしても、それ以外の言語だとチンプンカンプンです。 逆に、あなたのウェブサイトも...
Continue reading...新画像フォーマット AVIF はもう使えるのか?
[2022-09-26 更新] 2021 年 10 月にリリースされた Firefox 93 に気になる機能追加がありました。それは画像フォーマット AVIF のサポートです。そして 2022 年 9...
Continue reading...【HTML】2023年の今、hgroup は廃止?それとも使えるの?
[2023-08-22 更新] ウェブ業界にいる人であれば知っている人は多いでしょうが、かつて HTML(5) の仕様は W3C 版と WHATWG 版とで分裂していた時期がありました。仕様が分裂して...
Continue reading...【HTML】th 要素の scope 属性の使い方
HTML で表を作るとき、th 要素の scope 属性を使ったことはあるでしょうか?筆者は長年ウェブ業界にいるにもかかわらず、お恥ずかしながら一度も使ったことがありません。先日、偶然に scope ...
Continue reading...