我們正在準備品牌重塑,其中一部分將包括一個新網站,因此我們正在研究 HTML5 和 CSS3 等最新技術。我什至無法開始描述某些規范是多么令人興奮?,F在我知道 CSS3 已經出來一段時間了,但直到現在我們才開始研究,更不用說實現了。遲到總比不到好,對嗎?以下是 HTML5 和 CSS3 的一些值得注意的規范。
CSS3
:not 允許您選擇選擇器以外的元素,例如 *:not(p) 將選擇除 p 標簽之外的每個元素。通常類似的東西會保留給 jQuery,但現在不會了
:target 與錨點結合使用以顯示焦點。我之前在這篇文章中寫過關于它的博客。順便說一句,現在考慮一下,我可能應該在單擊問題和轉到答案之間進行更平穩的過渡。另外,我可以使用下面描述的 CSS3 選擇器,而不是添加“問題”和“答案”類
:nth-child 根據元素的位置選擇元素。它可以接受整數來獲取元素的指定出現次數,可以接受公式來獲取第三個或第四個元素,或者只是“偶數”或“奇數”。因此,我可以在 css 中使用 li:nth-child(odd) 和 li:nth-child(even),而不是向其他每個 <li> 添加類。
CSS3 的另外兩個很好的規范是 + 和 ~ 兄弟選擇器。例如,如果在每個頁面上都有一個 <h2> 作為標題,然后是 <h3> 副標題,并且您希望 <h3> 副標題的樣式與內容中的其他 <h3> 不同,請使用 h2 + h3 作為您的選擇器。這會找到每個 h2,然后如果有任何 h3 緊跟在 h2 之后,則為 h3 設置樣式。~ 是 + 的更通用版本 - 兄弟姐妹不必立即跟隨。
HTML5
我相信我們現在已經知道 <audio>、<video> 和 <canvas>。我最興奮的是語義 <header>、<footer>、<nav> 等標簽。我一般喜歡語義標記。
此外,輸入元素的所有不同添加都非??蓯?。“占位符”屬性,所以沒有更多的javascript水??;“必需”屬性,因此不再需要 javascript 驗證;類型屬性的附加值,如“email”、“url”和“tel”。所有這些變化都將使我們的Web 開發更容易、更快捷。