本週的Web開發新聞重點介紹了可訪問性和CSS的重大進步:對column-span
廣泛支持,ADA對網站的遵守持續影響以及Google自動生成圖像描述的計劃。
CSS column-span
獲得廣泛的支持
Chrome和Safari(自2010年以來)和Internet Explorer(自2012年以來)已經支持的column-span
CSS屬性終於到達Firefox版本71(12月發行)。這允許元素在多列佈局中跨越多列。例如:
文章 { 列計數:2; } H2 { 柱跨度:全部; }
此代碼使標題涵蓋了兩個列。
(來源:Ting-Yu lin)
ADA合規性和網站可訪問性
在美國,《美國殘疾人法》(ADA)授權網站可訪問性。零售商面臨無法訪問網站的潛在訴訟。最高法院最近拒絕多米諾比薩餅的上訴凸顯了這一點,重新啟動了有關屏幕閱讀器兼容性的訴訟。原告是一個盲人,認為由於缺乏軟件支持,因此無法在線訂購,並理由是ADA保證了“充分和平等的服務”服務。
(來源:David G. Savage)
Google在Chrome中自動生成圖像描述
Chrome(與VoiceOver一起使用時,現在都會自動生成Alt文本,以用於缺少圖像的圖像。 Google已經產生了超過1000萬個描述,但強調這些是補充的,並且不取代人寫的Alt文本,該文本提供了更豐富的背景。此“可訪問性圖像描述”功能可能需要通過chrome://flags
進行手動激活。
(來源:Dominic Mazzoni)
保持更新!
訂閱我的每週週日發行新聞通訊,以獲取每個星期一早上發表的更多網絡開發新聞。
以上是每周平台新聞:CSS列跨度屬性,ADA適用於網站,自動生成圖像說明的詳細內容。更多資訊請關注PHP中文網其他相關文章!

嘿,不是與滾動區域一起使用的相當新的CSS功能嗎?哦,是的,那是捲軸驅動的動畫。是否應該在滾動瀏覽CSS旋轉木馬中的項目時觸發動畫嗎?

ThebestmethodforincludingCSSdependsonprojectsizeandcomplexity:1)Forlargerprojects,useexternalCSSforbettermaintainabilityandperformance.2)Forsmallerprojects,internalCSSissuitabletoavoidextraHTTPrequests.Alwaysconsidermaintainabilityandperformancewhenc

@keyframesandCSSTransitionsdifferincomplexity:@keyframesallowsfordetailedanimationsequences,whileCSSTransitionshandlesimplestatechanges.UseCSSTransitionsforhovereffectslikebuttoncolorchanges,and@keyframesforintricateanimationslikerotatingspinners.

我知道,我知道:有大量的內容管理系統選項可用,而我進行了幾個測試,但實際上沒有一個是一個,y'知道嗎?怪異的定價模型,艱難的自定義,有些甚至最終成為整個&

鏈接CSS文件到HTML可以通過在HTML的部分使用元素實現。 1)使用標籤鏈接本地CSS文件。 2)多個CSS文件可通過添加多個標籤實現。 3)外部CSS文件使用絕對URL鏈接,如。 4)確保正確使用文件路徑和CSS文件加載順序,優化性能可使用CSS預處理器合併文件。

選擇Flexbox還是Grid取決於佈局需求:1)Flexbox適用於一維佈局,如導航欄;2)Grid適合二維佈局,如雜誌式佈局。兩者在項目中可結合使用,提升佈局效果。

包含CSS文件的最佳方法是使用標籤在HTML的部分引入外部CSS文件。 1.使用標籤引入外部CSS文件,如。 2.對於小型調整,可以使用內聯CSS,但應謹慎使用。 3.大型項目可使用CSS預處理器如Sass或Less,通過@import導入其他CSS文件。 4.為了性能,應合併CSS文件並使用CDN,同時使用工具如CSSNano進行壓縮。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

記事本++7.3.1
好用且免費的程式碼編輯器

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。