二、如何理解 HTML 語義化
我個人的理解是從概念入手。
結合自己總結HTML的概念來看:
1.HTML是超文本標記語言。超文本的意思就是除了文字文件之外還包括圖片、視頻、超鏈接等類型的文件。
2.標記語言。HTML將文件資源按照一定的邏輯結構進行標記的,瀏覽器可以讀取的一種語言。
3.要記住兩個關鍵詞:結構、內容。
HTML主要是將內容資源按照一定的邏輯結構化,呈現出來給瀏覽器和用戶看的。
和數學、哲學用實體、屬性、關系等概念化、標簽化現實世界一樣,HTML也通過標簽、屬性、值、結構等來呈現網絡世界的資源。
所以從HTML存在的目的來看,讓計算機和用戶更能清楚理解要呈現和表達的內容以及內容結構是最重要的。
所以,HTML語義化就是要讓每一個標簽做它最應該做的事情,各司其職。
并讓頁面內容更結構化、清晰明了,便于瀏覽器、搜索引擎解析,方便頁面SEO。
對于用戶而言,就算沒有CSS的“排版、美化、上色”等步驟,也能很方便閱讀頁面內容。
大白話地打個比方來說就是:即便是沒有上色的白描,也要夠精致,也要是一幅好畫。
同時,這樣對于后續維護網站的人來說,也不會因為“不一樣的主觀理解”,造成歧義。
這告訴我們:一定要按照規范要求來使用HTML的標簽。在拿到一個頁面開發任務的時候,一定要先分析,分析PSD文件中,頁面的結構是什么樣的?哪里是主標題,哪里是主要部分,分幾個層次,內容結構是什么樣的,就好比畫思維導圖一樣的,要學會分析頁面結構,并嚴格按照規范進行開發。
參考內容:
語義化的含義就是用正確的標簽做正確的事情,html語義化就是讓頁面的內容結構化,便于對瀏覽器、搜索引擎解析;在沒有樣式CCS情況下也以一種文檔格式顯示,并且是容易閱讀的。搜索引擎的爬蟲依賴于標記來確定上下文和各個關鍵字的權重,利于 SEO。使閱讀源代碼的人對網站更容易將網站分塊,便于閱讀維護理解。