2023年4月18日,今天星期六,竟有一些頹廢,唉,總是這樣,設定了一些目標後,遲遲不去執行,總想在那個安逸窩裡躺著。無所事事的浪費生命,有時感覺還真不錯。偶爾頹廢一下還是可以的,但也總要做點正事。
查詢了許多資料,終於大致理解了什麼是web語義化,在這裡我也說一下自己的看法。
web語義化是指使用恰當語義的html標籤、class類名等內容,讓頁面具有良好的結構與含義,從而讓人和機器都能快速理解網頁內容。語義化的web頁面一方面可以讓機器在更少的人類干預情況下收集並研究網頁的資訊,從而可以讀懂網頁的內容,然後將收集彙總的資訊進行分析,結果為人類所用;另一方面它可以讓開發人員讀懂結構和使用者以及螢幕閱讀器(如果訪客有視障)能夠讀懂內容。這段內容還是比較好看懂的吧!以上呢,是web語義化的作用,但相信讀到這裡,有的人還是不太清楚web語義化到底是什麼,不要著急,慢慢來。
web語義化可以分為html語義化、css語義化。先來說一下html語義化,我們都知道html的標籤,比如說表標題的h1~h6它的本身是有自定義樣式,h1到h6的字型大小大小是不一樣的。再比如說表段落的p標籤,字型加粗的strong標籤,斜體em等標籤,這些標籤都是有語義的,都是有其本身的自定義樣式的。這個就是html的語義化。也正是有了這樣語義化的存在,使得當網頁的css樣式載入不出來時,網頁的基本資訊也可以正常顯示。而前面所說的螢幕閱讀器可以幫助視障讀懂內容在html中如下所示。
再來說一下css語義化,也可以理解為語義化命名,指用易於理解的名稱對html標籤附加的class或id命名。如果說html語義化標籤是給機器看的,那麼css命名的語義化就是給人看的。良好的css命名方式減少溝通除錯成本,易於理解。css命名首先要滿足w3c的命名規範和團隊的命名規範。其次是高效和可重用性。css命名具體可以從兩方面,一種是根據位置命名,另一種是根據作用命名。具體內容可參考css語義化命名機器規則
所以命名並不是隨心所欲,還是要遵從規則的,這樣不僅利於自己,更有利用團體之間的協作。
如何理解web語義化這篇文章我覺得寫的還是比較清楚的,感興趣的小夥伴可以看看喲!
我的ALLEGRO學習之旅2
說了一點什麼是allegro以後,現在我們得知道去 得到他。毫無疑問,當然是他的老家了http talula.demon.co.uk allegro 嘿嘿,安裝好了,迫不及待的試試效果了,下面就用原allegro手冊的裡的測試程式測試了 新寫乙個c程式用dev c編譯,當然了寫大了得新鍵工程,這裡就...
開啟我的前端之旅
這是我寫的第一篇部落格,也是第一次使用部落格。我是一名2016屆本科畢業生,專業是自動化,6月28號從學校畢業,7月5號我來到了畢業之後自己人生的第乙份工作。滿懷希望的我踏上了去深圳的飛機。但好景不長,我來到深圳去了公司,這時才發現原來自己在校招時簽得第乙份工作原來是個製造業 籤三方的時候我以為自己...
Web前端基礎學習 2
盒子模型 在頁面中,我們將所有的元素全部看做是乙個盒子,頁面布局就是將大大小小不同的盒子堆砌在一起,而乙個盒子由以下幾部分組成 padding 內邊距,內容到邊框的距離 margin 外邊距,其他盒子到當前盒子的邊框的距離 border 邊框 所以乙個元素在頁面中實際所佔的空間是 內容 paddin...