優惠活動 - 10周年慶本月新客福利
優惠活動 - 10周年慶本月新客福利
優惠活動 - 10周年慶本月新客福利

擁抱HTML5

日期 : 2021-11-01 14:37:47
如果你讓我解釋什么是HTML5,我可能會說,web開發者的職責已經悄然轉變。我會假設你精通HTML(一種標記語言)、CSS(以及它的跨瀏覽器兼容)和JAVAscript(和它在各瀏覽器API中的微妙區別)。然后我的話題會轉到設計理論、動畫、3D服務器技術以及音響工程(譯注:指視頻音頻的播放和攝?。?。
       沉默片刻之后,你可能想要知道:為什么HTML會包含如此多的技術?并想知道為什么自己當初選擇了這一行。HTML5(作為一門專業技術)細分出了很多技術,囊括了截然不同的領域,所以不要煩惱。對HTML、CSS和Javascript有一個堅實的基礎,這確保你可以獨立工作,進而發展一種其他人不具有的特定知識。也可以說,你對HTML5中某種“非核心”的特定技術的精通會讓你在團隊和公司中無可替代,這確保你可以獨立工作,進而發展一種其他人不具有的特定知識。也可以說,你對HTML中某種“非核心”的特定技術的精通會讓你在團隊和公司中無可替代。對于許多炫目的新特性,最佳實踐還沒有確定下來,所以如果你想學一些真正酷的東西(并且成為開發中的明星),是時候下載一個最新瀏覽器并開始試驗了。大部分瀏覽器廠商都會放出beta版來允許開發者體驗最新的技術。五大瀏覽器都有beta版可供下載。
  • Google Chrome有3個非正式版本: Beta (給開發者) Dev channel (給開發者,有一周內剛加入的新功能). Canary'。
  • 蘋果的Safari瀏覽器有一個版本: Webkit ( webkit.org )
  • Opera 有一個Next版本: smashed.by/operadev
  • Firefox有-個nightly版( smashed.y/fndev )和一個叫做Aurora的prbeta的( smashed,by/fadev)
  • 最后一個不可忽視的,微軟自己發布的IE最新版本(不是nightly版): smashed.by/iedev。
瀏覽器對新特性的支持正在以一種模塊化的節奏發展。一些瀏覽器廠商 (特別是Google和Mozilla )現在以6到8周一個版本的速度發布新版本,版本號不再像以前那么重要。喜歡嘗鮮的開發者可能會喜歡這樣的方式。網站會有-個版本,但它對用戶不重要。所以,作為Web開發者,你要考慮哪些特性可以最好地講述你的故事,并且把你的設計轉變成活生生的、有呼吸的產品。即使Web技術在進步,我們仍然要考慮一些老 式的瀏覽器。值得慶幸的是,HTML標準也考慮到了這一點。所以我們不必改變用戶的訪問路徑,也不用增加一份代碼就可以開始使用HTML5-這真讓 人寬慰。不論你是用什么DOCTYPE,用戶的瀏覽器都會盡它所能解析頁面。如果你用一個老式的DOCTYPE加上新的HTML5特性,它仍然可以完全無誤地解析。在這一章中,我們不會討論WebGL、音頻和視頻、設備API、Web sockets或者svG。我會把它們留給你去探索,因為每一一個話題都可以成為一章。 相反,我們會引導你進入HTML5的世界,告訴你在探索那些高級話題之前你需要知道的一切。
  1. 我們從哪里來,將到哪里去
HTMLS包括很多東西,直到最近的一次HTML的主要版本為止,我們已經走了很長的一段路。網絡超文本應用技術工作小組( WHATWG )定義HTML5為"HTML:靈活的標準”(它去掉了5)。也就是說,HTML是一-種 與版本無關的技術。如前所述,瀏覽器廠商們按照它們自己的喜好去選擇實現某些功能,這就是為什么瀏覽器對HTML的支持各不相同。
  1. WHATWG、W3C和互聯網公司
你可能聽說過萬維網聯盟( W3C ),也在前幾段文字中看到過WHATWG這個名詞。WHATWG 是-個由蘋果公司、Mozilla 和Opera的代表所組成的工作小組,他們擔心W3C缺少對于HTML的開發,因此他們決定成立自己的工作小組。
       WHATWG把W3C的很多工作成果直接拿來用了,而W3C的許可證也確實授權如此,因此W3C規范的許可證中聲明:“你被授權使用、復制、以及改進這些規范文檔。”
W3C確實共享出這些規范,不過這些規范文檔更多的不是創建標準,而是提出建議。并且由于W3C是由所有的大型電腦公司和瀏覽器廠商們共同成立的,它致力于開放標準,因此它不會偏袒任何一家公司。因此,作為一個Web開發人員,你可以肯定的是,所有HTML的新進展(特別是那些與WEB應用相關的)一定會被瀏覽器廠商們所實現,因為這是他們可觀的收入來源之一。同時,隨著時間的推移,這些進展也一定會被W3C所認可。
這個奇怪的關系導致了那些需要許可費或者有著所有權限制的技術不被大多數人看好。瀏覽器之間的競爭從一開始就是那么的激烈。
1.2了解應該采用哪些技術
-個當代的Web開發人員必須了解他們的用戶,為自己的網站選擇正確的技術,并且知道如果某項功能不被用戶的瀏覽器所支持時會出現怎樣的效果。
天知道某一個特定的功能是否被廣泛地支持,所以你應該感謝When Canl selsmashed. b/wai'。這個網頁列舉了哪些功能是被主流的電腦瀏覽器和移動終端瀏覽器的近期版本所支持,以及哪些功能將被未來的版本所支持。它是可搜索的,甚至可以與Google Analytics 結合,讓你知道你的用戶正它是可搜索的,甚至可以與Google Analytics 結合,讓你知道你的用戶正之旅。
       1.3文檔類型
你是否還記得HTML4.01(或者XHTML)完整的文檔類型聲明?反正我是不記得。那么,讓我們看一下HTML5的文檔類型。
<!doctype html>
就是僅僅如此,它可以是大寫的,也可以是小寫的。這就是你把瀏覽器設置成標準模式所需要的全部內容。你會奇怪為什么我們還需要一直復制粘貼HTML文檔的頭部內容。當然,多年來我們一直被HTML的一堆所謂重要的頭部標簽搞得非常糾結?,F在我們看一下在HTML5中還有什么被簡化了。
       1.4META字符集
<meta http-equiv= "Content -Type" content= ”text/html"; charset="utf-8">噢,這是多么復雜!這個meta標簽非常重要并且要出現在title標簽前面,以確保瀏覽器正確地設置編碼。幸運的是,在HTML5中,它被簡化成容易記憶的一小段。<meta charset="utf-8">一些 XML解析器在處理不閉合的標簽時會有麻煩,這就是為什么有些Web開發人員會比較傾向于使用自閉合的標簽(如XHTML的風格)。不過在這里,這完全取決于你自己,但是我們建議讓標簽不必閉合。
 

相關文章
国内精品久久久久精免费