テクノロジー
最近のHTMLを改めてちゃんと学んでみた

気に入った記事をブックマーク

気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
記事を読んだ感想やメモを書き残せます
非公開でブックマークすることもできます

最近のHTMLを改めてちゃんと学んでみた

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/dinii

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

832usersがブックマークコメント

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

よく使うタグ

最近のHTMLを改めてちゃんと学んでみた

832 users

zenn.dev/dinii

よく使うタグ

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント62件

注目コメント
新着コメント

fujimakitk自分がHTMLの流れについていけてないことがわかった

2025/07/24リンク

その他

takafumiathtmlが、js的な挙動してるので、もはやマークアップランゲージではないですね。

2025/07/24リンク

その他

beeeyondメモ帳で作るWeb1.0で止まってるので最初から最後まで何を言っているのか全然わからなかったw

2025/07/24リンク

その他

jintrickこういう記事大事だよ。2分くらいで流し読みして、ざっと「こんな機能あるんだー」でOK。あとは仕様書でRAGを構築して必要になったときに聞いたり書いてもらったりすればいいんだし。消耗する必要なんて全然ない。

2025/07/25リンク

その他

nononosakipopoverの挙動今度確かめてみよう／ひどい作りのポップアップだと、body要素の末尾に追加されて、スクリーンリーダーでは一旦最終行に飛んで遡って読むことを強制されたりする。

アクセシビリティ

2025/07/24リンク

その他

unagiga簡単に出せるようになったポップアップがCookie受け入れろとか会員登録しろみたいな鬱陶しいものが多くて利用者側は全く嬉しくない

2025/07/24リンク

その他

sabinezu新しいものを全部取り入れる必要はなくて、必要になったら取り入れれば良い。なんか、新しいものに食いついて知ったかぶりされても、そんなのより実績を見せろと言う感じだ。まず自サイトでアピールしようよ。

2025/07/24リンク

その他

n2szHTMLとかCSSは気を抜くと新要素が増えてるんで油断ならない。いま新規にブラウザ作ろうとするとやることが多すぎて大変だろうな。

2025/07/24リンク

その他

miki3kもはやハイパーテキストじゃないなあと思う

2025/07/25リンク

その他

ultimatebreak画面占有するタイプのメニューはフォーカストラップあるんでdialog使ってるんだけどダメかな

2025/07/24リンク

その他

zyzy元々formの挙動とかは全然文書構造とは言いづらかったし、宣言的にwebページを一通り書ける方向性は、まぁ正しい気もするな

2025/08/12リンク

その他

HW_02最近のHTMLを改めてちゃんと学んでみた

2025/08/07リンク

その他

edunews2019年、W3Cなどが「HTML5」から「HTML Living Standard」へ移行。

2025/08/03リンク

その他

AmaiSaeta正直、hypertextってなんだっけ感が在るよな……HTML、その内、仕様が肥大化しすぎて瓦解するんじゃないかと心配になる。

2025/08/02リンク

その他

chiwikipedia最近のhtmlなのか。

2025/07/30リンク

その他

at_yasupopover api 知らなかった。ありがとう

2025/07/30リンク

その他

notepc-5522HTMLもCSSも、今ではAIが書いてくれるので「改めて学ぶ」というのにはちょっと違和感があります。

2025/07/28リンク

その他

efcl最近のHTMLの機能について。 - Popover API - dialog要素 - details要素 - inert属性 - search要素 - loading属性 - fetchpriority属性 - blocking属性 - inputmode属性 - enterkeyhint属性 - rel属性

2025/07/27リンク

その他

shingo-sasaki-0529断片的に知ってるのものが多かったけどおさらいできて良かった。Living Standard になって、HTML 自体が宣言的UIを意識した拡張されてるってのがイメージしやすい。

2025/07/27リンク

その他

syukitすげえな

2025/07/26リンク

その他

okinawazenzai読んでて知らない事多くて面白かった。記事公開してくれてありがとう。

2025/07/26リンク

その他

qouroquis知識のアップデート必要だよねーと思って開いてみたが、「とほほのWWW入門」で知識が止まっていたのでわけわからんかった。

2025/07/25リンク

その他

aox相撲もHTMLで完結しそうですね。D（土俵）HTMLの登場が待たれます

2025/07/25リンク

その他

inulabこれはもうHTMLもCSSもAIに丸投げしろという陰謀に違いない！という言い訳を考えたけどまあそれはそれでいいか。

2025/07/25リンク

その他

ShinwikiHTMLは文書構造でcssは見た目で、jsは動きで、って言う分離の話ってどこ行ったの？

2025/07/25リンク

その他

Cru昔は個人コードのブラウザなんてのがあったもんじゃが。もうChromiumとその他の継続開発可能な組織のエンジンしか残らんのだろうな

2025/07/25リンク

その他

ssfuもうAIに書いてもらうからいいや。

2025/07/25リンク

その他

onionskinほえー。昔の教条主義からだいぶ遠いところに。しかしWebは偉大。人類の叡智を感じる。

2025/07/25リンク

その他

miki3kもはやハイパーテキストじゃないなあと思う

2025/07/25リンク

その他

jackson24コーディングでこんなこと出来るかな？って調べたらいつの間にかこんなに便利になってたの！ってことばかりだからな…進化がすごすぎるよ…。

2025/07/25リンク

その他

Nyohoinert 属性すごくいいな

HTML

2025/07/25リンク

その他

2025/07/25リンク

その他

mamiskeついていけていない人が多いようで安心した

2025/07/25リンク

その他

nana_76"ブラウザは独自のヒューリスティックでリソースの優先度を決定していましたが、開発者が意図する優先度と異なる場合がありました"

html

2025/07/25リンク

その他

whisper-monkeyついていけない、という事をいろんな表現で言ってる人が多いなーとブクマ見て思いました

2025/07/25リンク

その他

hurafulaPopover API使ったらmobile Safari だとだいぶ最近対応されたばかりでOSによっては動かなくてめんどくさかった caniuseもちゃんと見るようにします

2025/07/25リンク

その他

Helfardふーむ。

2025/07/25リンク

その他

amtTおお

2025/07/25リンク

その他

n_vermillionブラウザによって実装されてる機能が違うのがほんま…。

2025/07/25リンク

その他

dorapon2000“ユーザーがスクロールして画像の表示領域に近づいた時点で初めて読み込みが開始されるため、ページの初期表示速度が向上します。”

2025/07/25リンク

その他

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事「最近のHTMLを改め...」が注目されています。

気持ちをシェアしよう

ツイートする

最近のHTMLを改めてちゃんと学んでみた

この記事は、以下のモダンCSSに関する記事のHTML版です。せっかくならHTMLもちゃんと学んでみようと思...この記事は、以下のモダンCSSに関する記事のHTML版です。せっかくならHTMLもちゃんと学んでみようと思い、最近のHTMLの新機能を改めて学び直したので、アウトプットついでにこの記事を書いています。HTML Living Standardの時代へ 2019年5月28日、W3CとWHATWGは、HTMLとDOM標準の開発をWHATWGが主導することで合意しました。これにより、HTMLは「HTML5」のようなバージョン番号を持つ仕様から、継続的に更新される「HTML Living Standard」へと移行しました。この変化は単なる管理体制の変更ではなく、HTMLの進化の方向性を示しています。この記事で紹介する2019年以降の新機能を見ると、以下のような傾向が明確に現れています：宣言的UI構築への移行 -JavaScript実装から、HTML属性による宣言的な記述へブラウザネイテ