任務四——課程作業2

二、如何理解 HTML 語義化


我個人的理解是從概念入手。

結合自己總結HTML的概念來看:

1.HTML是超文本標記語言。超文本的意思就是除了文字文件之外還包括圖片、視頻、超鏈接等類型的文件。
2.標記語言。HTML將文件資源按照一定的邏輯結構進行標記的,瀏覽器可以讀取的一種語言。
3.要記住兩個關鍵詞:結構、內容。

HTML主要是將內容資源按照一定的邏輯結構化,呈現出來給瀏覽器和用戶看的。
和數學、哲學用實體、屬性、關系等概念化、標簽化現實世界一樣,HTML也通過標簽、屬性、值、結構等來呈現網絡世界的資源。
所以從HTML存在的目的來看,讓計算機和用戶更能清楚理解要呈現和表達的內容以及內容結構是最重要的。
所以,HTML語義化就是要讓每一個標簽做它最應該做的事情,各司其職。
并讓頁面內容更結構化、清晰明了,便于瀏覽器、搜索引擎解析,方便頁面SEO。
對于用戶而言,就算沒有CSS的“排版、美化、上色”等步驟,也能很方便閱讀頁面內容。
大白話地打個比方來說就是:即便是沒有上色的白描,也要夠精致,也要是一幅好畫。

同時,這樣對于后續維護網站的人來說,也不會因為“不一樣的主觀理解”,造成歧義。

這告訴我們:一定要按照規范要求來使用HTML的標簽。在拿到一個頁面開發任務的時候,一定要先分析,分析PSD文件中,頁面的結構是什么樣的?哪里是主標題,哪里是主要部分,分幾個層次,內容結構是什么樣的,就好比畫思維導圖一樣的,要學會分析頁面結構,并嚴格按照規范進行開發。


參考內容:

語義化的含義就是用正確的標簽做正確的事情,html語義化就是讓頁面的內容結構化,便于對瀏覽器、搜索引擎解析;在沒有樣式CCS情況下也以一種文檔格式顯示,并且是容易閱讀的。搜索引擎的爬蟲依賴于標記來確定上下文和各個關鍵字的權重,利于 SEO。使閱讀源代碼的人對網站更容易將網站分塊,便于閱讀維護理解。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么? ...
    Simon_s閱讀 2,228評論 0 8
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • 一、HTML、XML、XHTML 有什么區別 HTML: 超級文本標記語言是標準通用標記語言下的一個應用,也是一種...
    風之聖痕閱讀 315評論 0 3
  • HTML、XML、XHTML 有什么區別 HTMLHTML(Hyper Text Mark-up Language...
  • HTML基礎 本文包括 HTML基本知識與結構 HTML常見標簽 標簽寫法與嵌套的討論 HTML、CSS、java...
    廖少少閱讀 2,121評論 2 21