今週HTMLについて話しましょう。

2024 HTML調査結果 公開されているので、それは他の理由と同じくらい良い理由です。私は結果自体からひどく興味深いものを抽出するにはあまりにも不安ですが、調査自体は、私たち全員が少なくとも認識するのにうまくいくかもしれないものの一種のリストとして機能します。

通常、HTMLは非常にゆっくりと移動しますが、これは一般的に良いことです。 (「ゆっくり、ブリスケットのように」、私はいつも考えています。)それはとても基本的です、私はあなたに約束します、あなたはJavaScriptエコシステムほど速く移動したくありません。それはHTMLに少し退屈な感覚を与えることができます。

しかし、かなり最近、かなりの量のことが起こっています。私はあなたにhtmlが実際にあると確信できるのだろうか ない つまらない。リストスタイルにして、速くてジューシーに保つようにしましょう。


  • あなたはおそらく知っています <details> そして <summary>。彼らは素晴らしいです。 HTMLだけのインタラクティブなプリミティブは次のとおりです。しかし、彼らは粗いエッジを持っています HTMLは進化しています それらを修正するために。のようなこと:彼らはそうすることができます grid または flex、スタイル/交換する方法 ::marker、そして、すべての非サマリーの子供たちからの選択を許可する ::details-content
  • 私たちは「スタイル可能な選択」を取得するつもりだと思っていました <selectmenu>、しかし、そのためのプログレッシブエンハンスメントストーリーは吸い込まれました。より良い「オプトイン」として必要なもの 彼らはそれを作った 代わりにCSSプロパティ/値を介して: appearance: base-select; そして、それは定期的に動作します <select>。ストーリーにはもっとたくさんあるので、読む価値がありますが、これは すばらしい 発達。 メインスレッドから ショーは、これを実現するためにやらなければならなかった長い進歩のリストについて話している素晴らしいダイビングです。これは、より新しい待望の機能を加速するはずです。 (ジェイク 自己閉鎖タグに対する議論 また、説得力があります。)
  • 多分あなたは知っています <dialog>?今はいいです。フォームは閉じることさえできます method="dialog" それは便利です。しかし、その仲間 popover 今ここにもあります(似ていますが異なります)。そして彼らは働くことができます 完全にHTMLで これはMmmmmmmだけです。デビッド・ダーンズは持っています 本当に簡単な概要 また、ピーナッツバターとゼリーのように一緒になるCSSのアンカーポジショニングにも触れます。
  • 「トグル」UI要素は、本質的にとまったく同じです <input type="checkbox">、 それで 今、私たちは持っています switch 属性 文字通り、それらをトグルのように見せます。世界では多くのトグルが不十分に実装されていますが、これは大きな恩恵です。
  • 私たちがしなければならなかったことを覚えておいてください rel="noopener noreferrer" あなたがするときはいつでもアンカーリンク target="_blank"?私はメモを取得しませんでしたが、どうやら 私たちは数年以内にそれをする必要はありませんでした 今。
  • Webコンポーネントのサーバー側のレンダリングストーリーの最後の部分は、 「宣言的なシャドウドム」 だから私はそれについて喜んでいます。 Webコンポーネントベースのフレームワークがドロップするのを辛抱強く待っています。
  • 私たちは手に入れました <search> 覚えやすく、適切な要素は正しいものを適用します aria エリアへの役割。

あなたが感銘を受けたかどうかはわかりませんが、私はそうです!それはまともな量のものです(私はそれの半分を逃したと確信しています)それはすべてです 地獄ええ バケツ。

HTMLについての面白いオタクの書くことを楽しんでいるなら(誰がそうしないの?)、HeydonはHTML要素をアルファベット順にブログにしています(から始めてください アンカー要素)。そして、あなたが本当に探しているなら 学ぶ HTML、ブレイクワトソンの新しいコース 人々のためのHTML 完全に優れています。

フラッグシティパートナーズ海外不動産投資セミナー 【DMM FX】入金

Source link