亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > CSS > 正文

詳解Html/CSS中的符號學

2024-07-11 08:59:38
字體:
來源:轉載
供稿:網友

本文從索緒爾語言哲學等理論高度認為不需要CSS中的class屬性。

CSS的好處是:HTML元素可以在不依賴class屬性的情況下實現各種風格的樣式化,文章試圖證明class屬性是過時的,不適合于布局,不用class可以訓練我們創建更多可用,可重用的內容。

如果同一類型的兩個元素屬于出現在相同的上下文中,則它們是相似的 ,怎么辦?

索緒爾對語言作為一個系統的理解基于兩種基本關系; 范式和語段(聚合關系和組合關系):

范式

范式是是一組詞 ,具有功能相似性但在含義上有細微或根本的差異。比如“螃蟹位于龍蝦旁邊”,“位于”這個詞屬于一種替代詞的范式,還可以代指包括“休息于”和“蹲伏于”以及“站立于”,這是一種替代關系。

在英語中替換有一定的規則,動詞不能用名詞替換,就像在HTML中一樣,內聯元素(表示內聯這樣的動作動詞)不能總是用塊級元素(名詞)替換。

語段

一個語段基本上是一個由范式選擇組成的結構段。在英語中,句子,段落,章節和書籍都是語段。在HTML中,由您選擇的元素組成的代碼塊可以被視為一種語段。

每個語段都有自己的語義系統,較小的語段可以屬于較大的語段系統,就像一個段落可以屬于一個章節,

用處?

索緒爾的語言模型可以識別或寫出數TB的小說,小說,散文和戲劇,不必發明新詞或重新定義舊詞。如果這個模型對于諸如英語之類的自然語言來說已經足夠好了,那么它對于諸如HTML之類的簡單元語言來說已經足夠好了。當然,隨著時間的推移,新詞會被創造出來,就像HTML規范中慢慢引入新元素一樣,但這是通過仔細的審議和共識來完成的。class沒有這樣的授權過程。

索緒爾模型為我們提供了足夠的優雅和發明空間,并禁止我們做出錯誤的選擇。通過根據它們的內容和位置what and where來構造元素的樣式從而組成我們文檔,那么現在誤導或混淆用戶就變得極其困難,我們所做的只是使用CSS來顯示頁面的固有結構。

語境的重要性

從符號學的角度來看,也許兩個相似的事物之間唯一真正的區別在于它們的背景:它們被發現的環境。英國本土人和法國本地人在基因上相似但在文化上有所不同。他們的國籍背景使他們以許多值得注意的方式不相同。

下面這段Html/CSS:

<font><i>// HTML:</i></font><font><article>   <h1 <b>class</b>=</font><font>"main-title"</font><font>>Article Title</h1>   <aside>      <h1 <b>class</b>=</font><font>"main-title"</font><font>>Aside Title</h1>   </aside></article></font><font><i>// CSS:</i></font><font>.main-title {   font-size:30px;}</font>

創造class類型為.main-title,我們創建了一個翻譯器來幫助我們輕松地為所有頂級標題設置相似的樣式。但是,我們示例中的兩個標題h1并不相似,任何理解HTML5解析器的人都會知道,有一個標題h1屬于aside組合,而另外一個標題h1直接屬于article內,這兩種關系哪個最重要?

直接屬于article:
 

<article>   <h1 <b>class</b>=<font>"main-title"</font><font>>Article Title</h1></font>

直接屬于aside, aside屬于article:

<article>   <h1 <b>class</b>=<font>"main-title"</font><font>>Article Title</h1>   <aside>      <h1 <b>class</b>=</font><font>"main-title"</font><font>>Aside Title</h1></font>

解析器將把aside的h1標題視為僅僅是副標題,屬于第一個標題之后的副標題。

這個例子中的class是多余的:我們可以使用h1 style屬性來設置元素的樣式如font-size: 30px。關鍵是如果我們根據上下文區分這兩個元素,那么區分上下文的辦法是使用 派生選擇器 :aside h1,那么CSS將綁定到HTML的結構(aside h1是一種結構,h1屬于小語段,aside屬于大語段,h1小語段被包含在大語段aside中),并且元素的外觀將與其計算的含義一致。

模塊化和可移植性

使用Class屬性的方法其實是一種面向對象方法,面向對象的方法是想讓一個元素在任何地方都看起來一樣,不受環境背景的影響,這如同一個英國人移民到其他國家,拒絕說當地語言,這是不恰當的。

我不認為CSS是面向對象的; 我認為它是面向接口的。CSS的目的不是讓單個項目看起來像我們想要的那樣,而是提供一個接口來樣式化HTML文檔,這些接口具有說服力和可讀性。為了使接口具有最佳可理解性,所有組件應該禮貌地協同工作,并且應該尊重整體視覺結構,無論組件來自何處。

簡而言之,我們的目標應該是真正區分樣式和內容,允許內容在不同樣式界面接口之間傳播,但樣式界面仍然不動。在任何格式正確的文檔中,屬性應該是表達內容來源的(class作為元素屬性卻不是表達內容來源,而是表達內容來源的類型)。

總結

以上所述是小編給大家介紹的Html/CSS中的符號學,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩精品欧美国产精品忘忧草| 成人激情视频在线播放| 97视频在线观看免费| 亚洲精品国产品国语在线| 丝袜亚洲另类欧美重口| 中文字幕亚洲综合久久筱田步美| 精品在线小视频| 丝袜美腿亚洲一区二区| 国产偷国产偷亚洲清高网站| 欧美一级在线亚洲天堂| 91高清免费在线观看| 日韩女在线观看| 91免费看片在线| 日韩女优人人人人射在线视频| 亚洲成**性毛茸茸| 欧美成人免费视频| 久久久久久亚洲精品中文字幕| 国产成人免费av电影| 日韩一区二区av| 国产精品一二三视频| 精品国产自在精品国产浪潮| 欧美亚洲另类视频| 成人动漫网站在线观看| 国产精品成人一区二区三区吃奶| 91a在线视频| 欧美日本高清一区| 国产最新精品视频| 午夜精品久久久久久99热| 中文字幕日韩欧美在线视频| 最近中文字幕日韩精品| 欧美精品videossex性护士| 色综合亚洲精品激情狠狠| 久久福利视频导航| 久精品免费视频| 欧美性videos高清精品| 97超级碰碰碰| 欧美国产高跟鞋裸体秀xxxhd| 欧亚精品在线观看| 国产精品视频内| 亚洲黄色av女优在线观看| 欧美精品激情在线观看| 亚洲精品国精品久久99热| 亚洲激情电影中文字幕| 欧美精品精品精品精品免费| 国产a∨精品一区二区三区不卡| 日本亚洲欧洲色α| 中文字幕日韩在线视频| 日本久久精品视频| 青青精品视频播放| 久久久久中文字幕2018| 色妞久久福利网| 久久成人一区二区| 精品国产区一区二区三区在线观看| 欧美大人香蕉在线| 一区二区三区回区在观看免费视频| 黑人巨大精品欧美一区免费视频| 亚洲香蕉成人av网站在线观看| 北条麻妃99精品青青久久| 亚洲国产精品va在线看黑人| 国产精品久久久久久久av电影| 久久九九有精品国产23| 久久久综合av| 国产精品永久免费在线| 亚洲第一网中文字幕| 久久久国产精品亚洲一区| 国产一区视频在线| 51精品在线观看| 精品国产乱码久久久久久天美| 日韩在线精品一区| 国产精品久久999| 美日韩在线视频| 中文字幕精品久久久久| 日韩精品高清视频| 久久福利视频导航| 中文字幕国产精品久久| 久久香蕉国产线看观看网| 国产精品高潮呻吟久久av无限| 亚洲自拍偷拍网址| 日韩中文字幕精品视频| www.日韩欧美| 亚洲美女自拍视频| 亚洲国产精品嫩草影院久久| 九九热这里只有精品免费看| 成人性生交大片免费观看嘿嘿视频| 欧美大尺度在线观看| 亚洲白拍色综合图区| 欧美日韩国产精品一区二区三区四区| 欧美最猛性xxxxx免费| 欧美精品福利视频| 亚洲视频777| 亚洲精品一区在线观看香蕉| 最近中文字幕日韩精品| 日韩欧美国产中文字幕| 欧美福利小视频| 国产精品无码专区在线观看| 精品亚洲一区二区三区在线播放| 欧美国产亚洲视频| 亚洲春色另类小说| 久久久精品视频在线观看| 黑人巨大精品欧美一区二区| 国产成人综合亚洲| 日韩精品中文字幕有码专区| 久久久午夜视频| 欧美在线一级视频| 日韩亚洲第一页| 国产亚洲精品久久| 国产69精品99久久久久久宅男| 亚洲热线99精品视频| 亚洲人成电影网站| 成人xxxx视频| 欧美精品制服第一页| 91丨九色丨国产在线| 亚洲天堂2020| 欧美精品在线视频观看| 国产精品自拍视频| xx视频.9999.com| 欧美激情久久久久| 久久人人看视频| 不卡av日日日| 日韩在线视频二区| 久久久久久久久久久久av| 亚洲精品免费网站| 91欧美激情另类亚洲| 国产精品高精视频免费| 国产精品激情av在线播放| 亚洲成人网在线观看| 91免费精品国偷自产在线| 日韩av网站在线| 国产欧美精品xxxx另类| 日本成人免费在线| 性欧美亚洲xxxx乳在线观看| 日韩中文字幕视频在线观看| 欧美视频在线观看免费| 欧美成人午夜激情视频| 国产精品视频色| 亚洲片在线资源| 久久在精品线影院精品国产| 国产精品永久免费视频| 欧美激情第一页xxx| 亚洲福利精品在线| 国产精品扒开腿做| 隔壁老王国产在线精品| 亚洲人成网站色ww在线| 欧美中文在线视频| 欧美午夜视频在线观看| 97免费在线视频| 欧美床上激情在线观看| 国产精品久久久久久久久久ktv| www.日韩欧美| 777午夜精品福利在线观看| 一本一道久久a久久精品逆3p| 久久久久久高潮国产精品视| 国产精品爱久久久久久久| 欧美性生交大片免费| 精品久久久久久中文字幕| 成人av番号网| 91精品国产综合久久香蕉最新版| 欧美日韩国产精品一区二区三区四区| 播播国产欧美激情| 性欧美xxxx视频在线观看| 中文字幕亚洲天堂| 久久精品视频一| 欧美电影在线免费观看网站| 欧美在线性视频|