按照元素的默認表現形式還可以分為：塊、行內（內聯）、內聯塊3類元素。
、
使用HTML5風格編寫html文件時通過DOCTYPE告知客戶端應該怎樣解析文檔，而HTML直接為 'html', 比如下列例子。
html5有許多基于結構的元素是來替代div功能或者部分替代功能。所以使用html5時應該遵守的原則：自圓其說，不勉強。
依據html5規范，一個經典的頁面設計如上圖。
先從header說起：header一般包含標題和副標題等。當有多個標題時需要使用hgroup將元素包裹。
而nav主要的內容為本站的導航信息和介紹性內容。通過使用ol、ul組成路徑集合。其他介紹性元素還可以使用有hgroup、h包裹。
article元素描述頁面實際內容，可以使用hgroup、h,或者section、h、p進一步結構化內容,。當然添加header、footer都是可以的。
section元素描述分組內容信息。在正文需要分組時可以使用。而內容信息還寬裕通過媒體元素（audio、video）描述。embed經常被用來描述flash內嵌內容。當內容需要被描述時，可以使用figure描述與內容有關的信息。
aside描述與正文不相干的附屬信息，一些文章的注意信息或者網站小工具可以通過aside來描述。footer就是頁腳信息。
這一部分更詳細的內容可以看 shyleoking 、 IBMDW
html5為了語義化增補這么多內容，那么語義化到底是什么呢？
Web語義化簡單來說就是為了讓機器可以理解數據內容，從而提升人類使用網絡獲取信息的體驗。除了web語義化外，還可以通過人工智能AI來增強機器對于數據的理解。隨著email發展的文檔模型（BOM、DOM）是方便人類閱讀的，要使機器能夠理解，從數據到表述的本體的映射，就要使用web語義化。（Hypertext是在文本協議上擴展文檔關系的能力）
HTML規范其實一直在往語義化的方向上努力，許多元素、屬性在設計的時候，就已經考慮了如何讓各種用戶代理甚至網絡爬蟲更好地理解HTML文檔。就像上文描述，HTML5更是在之前規范的基礎上，將所有表現層（presentational）的語義描述都進行了修改或者刪除，增加了不少可以表達更豐富語義的元素。
更多理解可以看知乎 問答
搜索引擎就算通過網絡爬蟲來抓取網站信息并建立索引。比如google的robot和百度的baiduspider。而搜索引擎優化（SEO）是網站相關工作人員用來提高搜索引擎的爬取水平、提高網站排名。這有分為白帽方法和黑帽方法。白帽方法企圖發現并糾正使得排名不好的錯誤，使得對搜索引擎和用戶更加友好。比如優化圖形內容、包括ALT屬性和增加文本說明。
搜索引擎一般都會發布相關指南，文檔內包含遵循搜索引擎哪些可接受哪些不能接受的指導方針。
比如百度的 百度搜索引擎優化指南 ：
google也發布了 谷歌搜索引擎優化初學者指南 ：
上述都屬于白帽方法，而黑帽方法利用和放大搜索引擎的策略缺陷（實際上完美的系統是不存在的）獲取更多用戶訪問量。這也是web開發不提倡的。
總之白帽、黑帽的判斷方法，就是你做這個東西是否對用戶有價值。
上述還說道搜索引擎對于AJAX的信息抓取。百度好像是不支持抓取，而google已經支持抓取了。而我們可以通過html的history API來讓搜索引擎獲取單頁網頁更新內容。具體可以看ruanyifeng的 文章
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
中國掃黃打非網
Copyright ? 2019-2025 51dongshi.com 版權所有
贛ICP備2023002352號-2
違法及侵權請聯系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務
