搜尋
首頁web前端H5教程html5必須知道的十件事

html5必須知道的十件事

Oct 28, 2017 am 10:00 AM
h5html5

一兩年前,HTML5似乎還是一個模糊的概念,只有少數幾個網路的書呆子才會在乎。而現在,卻感覺彷彿HTML5無所不在了。感謝Mozilla和Chrome的快速發布,以及微軟IE9的部署(IE10現在也處於「技術預覽」狀態了),數量有限(或者說比有限要更好)的支援HTML 5的瀏覽器已將近人人皆可享受。開發人員開始利用那些廣泛實現的功能特性。不離開1年HTML 5就將完全支持,而規範也正快速到達穩定狀態,現在正是了解一些HTML 5須知的好時機。
  1: XHTML不再,(支援XML 語法的)HTML 5永存
  XHTML是喜歡精確,尤其是在解析方面精確的人的選擇。 HTML外觀一直都有很多與XML相似的地方,但卻永遠都無法跟XML一模一樣,因此,試圖把它當作XML來解析必將失敗。因此不久前,XHTML被制定出來取代HTML語言,並將它歸類為XML的術語裡面。當HTML 5的 工作首次啟動的時候,同時也在進行XHTML 2的工作,但它最終還是被封存了。相反地​​,HTML 5規範制定出來的目的在於,讓你能夠編寫遵循嚴格的XML語法的,並能工作的HTML 5文件。 如果你把它跟XML MIME類型一併發送出去的話,用戶端也會把它當作XML文件來進行解析。這把兩個世界最好的東西都給了開發人員。
  2: 2022之神話,2011之現實
  對於HTML 5,流傳很廣的誤解之一是「到2022年之前都不會完成」。其典型的支持證據是若干年前我對HTML 5規範的編輯蘭‧希克森(Ian Hickson)的一次訪談。諷刺的是,即便是在那次訪談中,他對2022年這個日期也很明確。但是有些人對此感到激動,其憤怒的文章引起的注意要比實際的事實引發的關注多得多。
  事實是2022年是希克森預期HTML5規範成為完全W3C推薦的日子,到那時將會有兩個100%完成的、可驗證的實現。這既相當的沒有意義,同時又稱得上是一次巨大的飛躍,為了讓大家了解為什麼說,可以想想,沒有其他版本的HTML規範曾經達到過那樣的地位,這主要是因為對於任何實現來說要做到可驗證的正確都太含糊了。而HTML 5規範正接近固化不變,就是現在,2011年。
  3: 對大多數開發人員而言,這是Flash和Silverlight殺手
  在如何用於對文件進行標記方面,儘管HTML 5的確做了若干的改進,大的關注點仍是應用。 HTML 5所引入的用於支援應用程式開發的特性的數量是令人驚愕的。這並不是說Flash和Sliverlight很快就會消失。但是微軟已經宣布其對Sliverlight重新定位關注點為瀏覽器以外的體驗。 Flash和Silverlight仍擁有一些HTML 5不具備的能力,但對於許多共同目標來說,現在鴻溝不再了,這要歸功於HTML 5的新能力。可能重寫已有應用程式並不值得,但你應該看看HTML 5對於新應用是否有意義。 (web前端學習交流群:328058344 禁止閒聊,非喜勿進!)
  4: 它是許多新工具的基石
  隨著HTML 5成為一個完全成熟的應用框架,工具製造商,尤其是那些設計用於克服跨平台開發問題的,現在正把他用作其產品的基礎技術。如果你正在尋求編寫跨平台運行的應用,並且其也在HTML 5的能力範圍之內,那麼你應該考慮一下這些工具。這對於行動領域尤其重要,否則的話,對於每一個你打算作為目標的手機平台來說,都需要學習全新的語言、API以及框架。
  5: 重要而有爭議的tag
  「HTML 5最佳新功能」我的個人之選是tag(標籤)。之前(也有tag),你自己得求助於Flash或Silverlight來為你的網站提供一個媒體播放器。而有了這些新的標籤之後,從理論上來說,那些日子一去不復返了。為什麼只是「理論上」呢?令人悲哀的是,由於專利的緣故,對於應該支援哪種格式,不同的瀏覽器製造商尚不太能確定。而一旦塵埃落定,Flash和Silverlight都會失去其#1使用者案例。
  6: 谷歌谷歌,帶頭大哥
  如果說似乎Chrome瀏覽器在HTML 5上有了一個極好的開端的話,那麼這裡也有一個很好的理由。 HTML 5規範的製定過程中給予編寫和部署程式碼濃彩重墨。我這麼說並不是指他們不管任何瀏覽器供應商做了什麼都會蓋上「橡皮圖章」了事。但你是很難說服那些參與編寫規格的人接受尚未實現的特性,已實現的特性更有可能被列入為規範新專案的基礎。由於Chrome似乎每幾週就會有一個新版本出來,因此谷歌加進去的新特性也被納入到HTML5規範裡面的機會就會很大。
  7: 「標準相容」終獲證明
  每當有人宣稱某個瀏覽器是或不是「標準相容」的時候,我都不得不笑起來。在HTML 5之前,標準相容簡直就不可能被加以證明。許多情況下,目前的規範都太過含糊或乾脆對重要問題默不作聲(像處理解析錯誤),結果就是不同的瀏覽器都可以做範圍很廣的不同事情,並且依然要么是標準兼容的,要嘛是被歸類為「不相容性無法證實」。即使是最著名的ACID測試也證實不了太多東西,由於它只測試了HTML的子集。而HTML 5的門檻則提高了不少,證明一個用戶代理是標準相容的終於有可能了。的確,2022這個到達「建議」狀態的日期背後的其中一個原因就是需要編寫完全測試包。
  8: 「標準相容」仍無法保證外觀
  Web瀏覽器裡面的標準相容並沒有像人們通常所認為那樣的行為,HTML 5也沒有改變這一事實。 HTML的一個大的困惑是許多的Web設計者和開發人員認為HTML規範控制著螢幕專案的外觀;其實不然。舉個例子,如果牠喜歡的話,網頁瀏覽器可令tag使用更大或不同顏色的字體而非加粗字體,也還能保持相容性。許多時候,當設計者說瀏覽器與標準不相容的時候,其所遭遇到的實際上是賦予用戶代理的在如何顯示標籤方面的靈活性。 HTML5並沒有改變這個事實。如果你一定要讓標籤按照精確地方式顯示,別指望瀏覽器的預設行為,把你的需求在CSS中指定。
  9: 解析更為精確
  HTML5規範終於引入了精確解析規則,並定義了像用戶代理遭遇解析錯誤時應該做的事情。因此,你可以預期,過去一些習慣於被當作可接受乃至「合法」HTML而通過的東西不再符合要求。你將會想要去熟悉HTML5的解析規則並確保你的程式碼符合其要求。
  10: HTML5遠非瀏覽器
  在HTML之前的版本中,存在著一種與生俱來的假設,那就是傳統的Web瀏覽器是用戶代理的選擇。儘管其他的用戶代理和內容類型也得到了支持,隱含的想法是它們並非同等的重要。但是,針對於非瀏覽器、非桌面大小的用戶代理,HTML5在與瀏覽器更平等地相待方面做出了很多的改變。像是在螢幕閱讀器和手機上工作得有多好之類的東西取得了許多進展。因此,對於需要它的開發人員來說,寫得好的HTML5是能夠「一次編寫,隨處查看」的框架,它也能夠對那些否則就要與Web做鬥爭的用戶(尤其是那些存在各種障礙的人士)起作用。

以上是html5必須知道的十件事的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
H5指的是什麼?探索上下文H5指的是什麼?探索上下文Apr 12, 2025 am 12:03 AM

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

H5:工具,框架和最佳實踐H5:工具,框架和最佳實踐Apr 11, 2025 am 12:11 AM

H5開發需要掌握的工具和框架包括Vue.js、React和Webpack。 1.Vue.js適用於構建用戶界面,支持組件化開發。 2.React通過虛擬DOM優化頁面渲染,適合複雜應用。 3.Webpack用於模塊打包,優化資源加載。

HTML5的遺產:當前了解H5HTML5的遺產:當前了解H5Apr 10, 2025 am 09:28 AM

HTML5hassignificantlytransformedwebdevelopmentbyintroducingsemanticelements,enhancingmultimediasupport,andimprovingperformance.1)ItmadewebsitesmoreaccessibleandSEO-friendlywithsemanticelementslike,,and.2)HTML5introducednativeandtags,eliminatingthenee

H5代碼:可訪問性和語義HTMLH5代碼:可訪問性和語義HTMLApr 09, 2025 am 12:05 AM

H5通過語義化元素和ARIA屬性提升網頁的可訪問性和SEO效果。 1.使用、、等元素組織內容結構,提高SEO。 2.ARIA屬性如aria-label增強可訪問性,輔助技術用戶可順利使用網頁。

H5與HTML5相同嗎?H5與HTML5相同嗎?Apr 08, 2025 am 12:16 AM

"h5"和"HTML5"在大多數情況下是相同的,但它們在某些特定場景下可能有不同的含義。 1."HTML5"是W3C定義的標準,包含新標籤和API。 2."h5"通常是HTML5的簡稱,但在移動開發中可能指基於HTML5的框架。理解這些區別有助於在項目中準確使用這些術語。

H5的功能是什麼?H5的功能是什麼?Apr 07, 2025 am 12:10 AM

H5,即HTML5,是HTML的第五個版本,它為開發者提供了更強大的工具集,使得創建複雜的網頁應用變得更加簡單。 H5的核心功能包括:1)元素允許在網頁上繪製圖形和動畫;2)語義化標籤如、等,使網頁結構清晰,利於SEO優化;3)新API如GeolocationAPI,支持基於位置的服務;4)跨瀏覽器兼容性需要通過兼容性測試和Polyfill庫來確保。

h5鏈接怎麼做h5鏈接怎麼做Apr 06, 2025 pm 12:39 PM

如何創建 H5 鏈接?確定鏈接目標:獲取 H5 頁面或應用程序的 URL。創建 HTML 錨點:使用 <a> 標記創建錨點並指定鏈接目標URL。設置鏈接屬性(可選):根據需要設置 target、title 和 onclick 屬性。添加到網頁:將 HTML 錨點代碼添加到希望鏈接出現的網頁中。

h5兼容問題怎麼解決h5兼容問題怎麼解決Apr 06, 2025 pm 12:36 PM

解決 H5 兼容問題的方法包括:使用響應式設計,允許網頁根據屏幕尺寸調整佈局。採用跨瀏覽器測試工具,在發布前測試兼容性。使用 Polyfill,為舊瀏覽器提供對新 API 的支持。遵循 Web 標準,使用有效的代碼和最佳實踐。使用 CSS 預處理器,簡化 CSS 代碼並提高可讀性。優化圖像,減小網頁大小並加快加載速度。啟用 HTTPS,確保網站的安全性。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能