好程式設計師web前端分享:如何理解web語義化?
首先,在理解之前,我們需要先了解,什麼是語義化。所謂語義化,簡單來說,就是能夠更清晰,更直觀的理解語言所要表達的含義,所謂詞必達意就是這個意思。那麼在開發過程中的語義化指的是什麼呢 ? 就是能夠讓除了當事開發者能快速熟悉程式碼之外,最主要的就是讓機器更方便的讀懂程式碼。
那麼有得童鞋就要說了,想要讓同事一目瞭然的讀懂我們的程式碼,那麼最方便的不應該是中文程式設計麼 ? 這裡要說句,太天真了。我們的程式碼都是執行在計算機中,不論基於的環境如何 ; 而計算機在進行各種運算的過程中,需要講我們輸入的文字轉成特定的編碼格式,如果使用英文程式設計,我們寫出花來也不過 26 個字母,而中文的博大精深這裡就不做贅述,況且各類程式語言的發明者都是歪果仁呢。
那麼 web 語義化有何好處呢 ? 首先語義化可以使我們的程式碼結構更清晰,工作交接時更方便,利於團隊協作和專案最佳化,在下次迭代產品或重構專案時不至於出現某處程式碼功能不明確的現象。這些其實相對來說都不是最重要的,最重要的是什麼呢,當然是使用者啦 ! 那麼使用者跟我們的程式碼語義化有什麼關係呢,其實直接關係並不大,最重要的是間接關係,這個關係由網際網路做連線。
計算機編譯的程式碼,都會上傳到網際網路中,供使用者使用。在這個的過程中,結構清晰,語義明確的程式碼更容易被網際網路喜歡。
假設我們世界中有一隻神奇小爬蟲,這個小爬蟲非常神奇,我們看不到它,同時它爬行的速度非常快,它可以在世界上所有的計算機之間爬來爬去,爬過的地方都會留下一條線,這條線就是網線。當小爬蟲爬過了大部分的計算機之後,這些計算機就組成了網路,而爬蟲的速度可以理解成網速。小爬蟲的智商比較低,同時比較懶,喜歡剛到門口不進去就能猜到門裡面是什麼。如果我們在門上貼個標籤表明這個房間裡有什麼,那麼小爬蟲就省去了進屋這個流程,還能夠得知門後的內容,大大提升了爬蟲的速度,從而提升使用者體驗,貼在門上的這個標籤就是語義化 ; 反之如果不在門口貼標籤或者貼一些莫名其妙的標籤,不僅增加了爬蟲辨識的時間,還有可能產生錯誤的誤導,導致降低使用者體驗甚至產生一些不好的後果。而在編寫程式碼過程中,語義化是成本最小的最佳化方式,所以在現如今開發過程中,倡導人人程式設計語義化,並逐步將語義化形成開發標準或行業規範的一部分。
那麼如何實現 web 語義化呢 ? 且看後續 好程式設計師的 文章,實現 web 語義化的方法有哪些 ?
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69913892/viewspace-2639748/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 好程式設計師web前端分享常見html5語義化標籤程式設計師Web前端HTML
- 好程式設計師分享Web前端效能最佳化程式設計師Web前端
- 好程式設計師web前端分享web前端入門知識程式設計師Web前端
- 好程式設計師Web前端分享前端CSS篇程式設計師Web前端CSS
- 好程式設計師web前端分享如何理解JS的單執行緒程式設計師Web前端JS執行緒
- 好程式設計師web前端分享應該怎樣學好web前端?程式設計師Web前端
- 好程式設計師web前端分享css初始化程式碼程式設計師Web前端CSS
- 好程式設計師web前端教程分享web前端基礎知識程式設計師Web前端
- 好程式設計師分享Web前端開發工具程式設計師Web前端
- 好程式設計師web前端教程分享CSS技巧!程式設計師Web前端CSS
- 好程式設計師web前端分享Cookie知識程式設計師Web前端Cookie
- 好程式設計師web前端培訓分享如何講清楚Promise?程式設計師Web前端Promise
- 好程式設計師Web前端培訓分享如何講清楚this指向?程式設計師Web前端
- 好程式設計師分享Web前端開發就業前景如何?程式設計師Web前端就業
- 好程式設計師web前端培訓分享JavaScript基礎語法程式設計師Web前端JavaScript
- 好程式設計師web前端分享前端 javascript 練習題程式設計師Web前端JavaScript
- 好程式設計師web前端教程分享web中CSS絕對定位程式設計師Web前端CSS
- 好程式設計師web前端教程分享web前端入門基礎知識程式設計師Web前端
- 好程式設計師web前端分享邏輯運算程式設計師Web前端
- 好程式設計師web前端分享高度自適應程式設計師Web前端
- 好程式設計師web前端分享CSS元素型別程式設計師Web前端CSS型別
- 好程式設計師web前端分享HTML基礎篇程式設計師Web前端HTML
- 好程式設計師web前端分享CSS基礎篇程式設計師Web前端CSS
- 好程式設計師web前端分享HTML 字符集程式設計師Web前端HTML
- 好程式設計師web前端教程分享js閉包程式設計師Web前端JS
- 好程式設計師分享Web前端知識之HTML程式設計師Web前端HTML
- 好程式設計師web前端教程分享js模板模式程式設計師Web前端JS模式
- 好程式設計師web前端分享HTML基本結構和基本語法程式設計師Web前端HTML
- 好程式設計師web前端分享前端javascript練習題三程式設計師Web前端JavaScript
- 好程式設計師web前端分享前端javascript練習題一程式設計師Web前端JavaScript
- 好程式設計師web前端教程分享CSS預編譯器的再次理解程式設計師Web前端CSS編譯
- 好程式設計師web前端分享如何自學前端?步驟是什麼?程式設計師Web前端
- 好程式設計師web前端教程分享javascript 練習題程式設計師Web前端JavaScript
- 好程式設計師web前端教程分享JavaScript面試題程式設計師Web前端JavaScript面試題
- 好程式設計師web前端教程分享JavaScript簡寫方法程式設計師Web前端JavaScript
- 好程式設計師web前端培訓分享JavaScript框架J程式設計師Web前端JavaScript框架
- 好程式設計師Web前端分享一些小知識!程式設計師Web前端
- 好程式設計師Web前端教程分享JavaScript開發技巧程式設計師Web前端JavaScript