CSS中視覺語義不等於基於表現的類

2022-09-25 13:09:07 字數 1100 閱讀 1007

你和使用者之間的**堆疊(簡化www.cppcns.com版)

在txjs大會的最後一天,乙個開發者問我:

物件導向的css沒有給你留下一大堆基於表現的class名?

網路堆疊中的每一層都有它自己的結構。你不會期望將資料庫架構用於構建php中介軟體,人們對於html和css的期望是一樣一樣的。html需要用一種能代表資料或內容的有意義的東西來書寫,也就是我所謂的**語義。html中的**語義對於可移植性和易用性都是極為重要的。另一方面,css在堆疊中確實是乙個獨立的層,它需要能反映頁面的視覺語義的屬於自己的體系結構。

視覺語義描述在頁面設計中的全部重複模式。他們描繪了你的網www.cppcns.com站的基本組成部分。事實上,他們往往只需要少許的修改就wqmncvm能輕鬆的實現跨站點應用。視覺語義,不一定要**到html語義,因為你需要乙個符合每一層堆疊的具體需求的架構。

同樣,許多php開發人員想要匹配css和html架構到php。或許嘗試將你最熟悉的某一層抽象應用到他們你會覺得更具挑戰?對這一點兒我感到很慚愧。在我在facebook的時候,我希望php層能匹配css層。還好facebook有一些聰明的開發者勒住了並幫我增進了理解。

強硬的把css和html塞到php裡面可以防止**太枯燥(dry)並最終導致**臃腫,因為的css和html需要比php更細緻的物件結構。事實上,php的模板不是天生合適的,因為每個模板包含了許多不同的html,以及以不同的方式相結合的css物件。

wqmncvm需要注意的重要的是,我不是建議類似「giantblueheading」的類名。類名需要表現你要定義的物件結構,而不是特定的視覺類的名。例如,我經常選擇好記的比較抽象的類名,如「media」很容易記住。media塊由乙個固定寬度的或flash和一些文字或其他內容組合。

media塊可用於許多不同的情況,例如,組合乙個圖示和乙個鏈結或個人資料和使用者名稱。具體用例是從物件結構中分離出來的。html可以被看作是css物件的例項。

該media塊的** ,和許多其他基本的物件都可以在oocss開源專案中找到 。

ps:如果你對oocss不太熟悉,可以閱讀一下oocss的faq,以及99css對該faq的中文翻譯

本文標題: css中視覺語義不等於基於表現的類

本文位址: /web/css/29979.html

簡單介紹醫療行業中視覺檢測系統的應用

隨著我國醫療技術不斷提公升,有一些醫療用品深受廣大使用者青睞,例如一次性針來說就是普遍的一種醫用品,並且使用者的需求量也非常的大,因此,針頭的外觀缺陷會直接影響到它的質量,那麼,未來減少不合格的產品出現,一些生產廠家必須要重視質量檢測工作,目前,有部分是通過人工檢測,但是人工檢測常常不準確,並且人工...

園區視覺語義分割資料標註項

這次想把專案過程發上來可以更好監督自己,第一次寫請大家多多指教,有問題煩請諸位大佬即使斧正。在網際網路浪潮的衝擊下,人工智慧的應用領域正在逐步滲透進我們生活的方方面面。如今的ai技術所面臨的一大困境就是沒有足夠的資料集作為人工智慧判斷標準的支撐,人工智慧現在正處於演算法層出不窮,但是窘於沒有資料集進...

基於語義知識不等式的詞嵌入

文獻 liu q,jiang h,wei s,et al.learning semantic word embeddings based on ordinal knowledge constraints c acl 2015 1501 1511.1 純資料驅動的swe有可能使得一些反義詞之間的距離比...