每周平台新聞：CSS :: Marker偽元素，預先渲染的Web組件，向您的網站添加Webmention

šime的每週網絡平台新聞為開發人員提供了深刻的更新。本週的亮點包括鍵盤可訪問性問題，可訪問日期選擇器，一個新的Web組件編譯器來處理FOUC，帶有CSS的造型列表項目標記，以及添加網絡攻擊的直接指南。

日期輸入可訪問性問題

鍵盤用戶比複雜的日期選擇器更喜歡標准文本字段；屏幕讀取器用戶還通過本地日期控件遇到挑戰。具有自定義驗證的純文本輸入提供了更容易訪問的解決方案。

優先考慮使用客戶端和服務器端驗證的日期的純文本輸入已被證明有效，尤其是對於諸如生日之類的已知日期。

（通過Adrian Roselli）

用模板簡化Web組件

模具，Web組件編譯器，預算段組件（包括陰影DOM）或延遲渲染直至造型完成，以防止FOUC（閃存未風格的內容）。它優化了多填充加載，並為開發人員友好的組件API提供了有用的裝飾器和鉤子。

導入{組件，prop，h}來自“@concen/core”;

@成分（{
  標籤：“ my-component”
}））
導出類MyComponent {
  @prop（）年齡：number = 0;

  使成為（） {
    返回<div>我是{this.age}年齡</div>;
  }
}

（通過Max Lynch）

帶有CSS ::標記的樣式列表項目標記

::marker偽元素允許使用列表項目標記（子彈，數字）時的樣式display: list-item 。目前，Firefox是具有全面支持的主要瀏覽器。

（通過雷切爾·安德魯）

通過四個步驟實施網絡攻擊

將網站添加到您的網站上可以增強參與度和互動：

1. 註冊：在Webmention.io（網絡元接收服務）上創建一個帳戶。
2. 添加鏈接標籤：包括<link rel="webmention" href="%5Byour-webmention-endpoint%5D">在您的HTML中。 CMS插件也可用。
3. 獲取網站：使用Ajax從Webmention.io檢索Webmentions進行顯示。
4. Automate發送：使用Webmention.App自動發送網絡攻擊時，在發布具有其他啟用WebMention網站的鏈接的內容時。

（通過Daniel Aleksandersen）

以上是每周平台新聞：CSS :: Marker偽元素，預先渲染的Web組件，向您的網站添加Webmention的詳細內容。更多資訊請關注PHP中文網其他相關文章！