最近の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属性による宣言的な記述へ ブラウザネイテ

[fujimakitk]

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

[takafumiat]

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

[beeeyond]

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

[jintrick]

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

[nononosaki]

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

[unagiga]

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

[sabinezu]

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

[n2sz]

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

[miki3k]

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

[ultimatebreak]

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

[zyzy]

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

[HW_02]

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

[edunews]

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

[AmaiSaeta]

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

[chiwikipedia]

最近のhtmlなのか。

[at_yasu]

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

[notepc-5522]

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

[efcl]

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

[shingo-sasaki-0529]

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

[syukit]

すげえな

[okinawazenzai]

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

[qouroquis]

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

[aox]

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

[inulab]

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

[Shinwiki]

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

[Cru]

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

[ssfu]

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

[onionskin]

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

[jackson24]

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

[Nyoho]

inert 属性すごくいいな

[mamiske]

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

[nana_76]

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

[whisper-monkey]

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

[hurafula]

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

[Helfard]

ふーむ。

[amtT]

おお

[n_vermillion]

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

[soreso]

壱の型みたいになってる