HTML語義化

104828720 發布于2019-08-01 17:30 / 1107人閱讀

摘要：為什么要語義化有利于搜索引擎優化，有助于爬蟲抓取更多的有效信息，爬蟲是依賴于標簽來確定上下文和各個關鍵字的權重。

何為HTML語義化

語義化是指根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化），便于開發者閱讀和寫出更優雅的代碼的同時，讓瀏覽器的爬蟲和機器很好的解析。

為什么要語義化？

有利于SEO（搜索引擎優化），有助于爬蟲抓取更多的有效信息，爬蟲是依賴于標簽來確定上下文和各個關鍵字的權重。

語義化的HTML在沒有CSS的情況下也能呈現較好的內容結構與代碼結構

方便其他設備的解析

便于團隊開發和維護

應該注意什么？

盡可能少的使用無語義的標簽div和span；

在語義不明顯時，既可以使用div或者p時，盡量用p, 因為p在默認情況下有上下間距，對兼容特殊終端有利；

不要使用純樣式標簽，如：b、font、u等，改用css設置。

需要強調的文本，可以包含在strong或者em標簽中（瀏覽器預設樣式，能用CSS指定就不用他們），strong默認樣式是加粗（不要用b），em是斜體（不用i）；

使用表格時，標題要用caption，表頭用thead，主體部分用tbody包圍，尾部用tfoot包圍。表頭和一般單元格要區分開，表頭用th，單元格用td；

表單域要用fieldset標簽包起來，并用legend標簽說明表單的用途；

每個input標簽對應的說明文本都需要使用label標簽，并且通過為input設置id屬性，在lable標簽中設置for=someld來讓說明文本和相對應的input關聯起來。

GPU云服務器云服務器 html 標簽語義化語義化標簽語義化 html靜態化

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51181.html

快速理解web語義化

摘要：代碼示例語義化語義化語義化語義化語義化年月日小維語義化標簽包括還有等。而沒有語義化的元素如則推薦使用。語義化包含了標簽語義化和命名語義化。什么是Web語義化 Web語義化是指使用恰當語義的html標簽、class類名等內容，讓頁面具有良好的結構與含義，從而讓人和機器都能快速理解網頁內容。語義化的web頁面一方面可以讓機器在更少的人類干預情況下收集并研究網頁的信息，從而可以讀懂網頁的內...

LiveVideoStack 2019-08-01 18:43 評論0 收藏0
我眼中的Web 語義化

摘要：語義化的頁面一方面可以讓機器在更少的人類干預情況下收集并研究網頁的信息，從而可以讀懂網頁的內容，然后將收集匯總的信息進行分析，結果為人類所用另一方面它可以讓開發人員讀懂結構和用戶以及屏幕閱讀器如果訪客有視障能夠讀懂內容。我眼中的Web 語義化 web語義化是什么？ Web語義化，使用語義恰當的標簽，可以讓頁面具有良好的結構，頁面元素具有良好的含義，從而讓人和機器都能快速理解。語義化的...

zhichangterry 2019-08-30 15:52 評論0 收藏0
我眼中的Web 語義化

摘要：語義化的頁面一方面可以讓機器在更少的人類干預情況下收集并研究網頁的信息，從而可以讀懂網頁的內容，然后將收集匯總的信息進行分析，結果為人類所用另一方面它可以讓開發人員讀懂結構和用戶以及屏幕閱讀器如果訪客有視障能夠讀懂內容。我眼中的Web 語義化 web語義化是什么？ Web語義化，使用語義恰當的標簽，可以讓頁面具有良好的結構，頁面元素具有良好的含義，從而讓人和機器都能快速理解。語義化的...

ChanceWong 2019-08-01 16:23 評論0 收藏0
如何理解語義(semantic)化？

摘要：邏輯學的語義學著眼點在于邏輯系統的語義解釋，是一個理想化的模型系統，不直接涉及自然語言。例如，通過幫助臨床研究中的決策，語義技術將跨機構橋接多種形式的生物和醫學信息。 showImg(https://segmentfault.com/img/bVbrJYw?w=758&h=420); 前端工程師的招聘中，經常有這樣的要求：對Web 語義化有深刻理解。那么到底什么才是深刻理解Web語義化...

CarlBenjamin 2019-08-23 17:05 評論0 收藏0