關於HTML5和CSS3的初步思考

新軟體的到來總是充滿熱情。因此,這是我第一次嘗試HTML5和CSS3的時候。我期待漸變能夠正常工作,並希望有一種簡單的方法來創建帶有彎曲拐角的盒子。 CSS還具有許多命名的顏色,而不是隱秘的RGB十六進位數字。

我對「中心」標籤的棄用仍然感到震驚。並貶低表的用法。抱怨,抱怨。

HTML5的新功能

儘管舊版本仍然可以使用,但許多舊版本的結構已被簡化或省略。

HTML構造的標準已經放寬了,也許程度太高了。 Microsoft的Visual Studio實施了更嚴格的標準,對於更改,我與Microsoft完全同意(嗯,它必須在某個時間發生!)。

然後是HTML5的新功能,以前是JavaScript的領域。現在有視頻,音頻,表單,驗證,滑塊,日期選擇器,顏色選擇器,地理位置,本地存儲,離線Web應用程序,佔位符,自動對焦等等。不需要JavaScript。

然後是新的語義元素。

語義要素

新的語義元素使我感到困惑。我不太確定語義學與網站有什麼關係。對於語言學教授來說,這聽起來更像是專業領域。

現在有節,頁眉,頁腳,導航,文章等的新元素。我發現這個想法很簡單。 HTML結構應為編碼人員和搜索引擎蜘蛛所理解。

但是新的結構以及CSS似乎根本沒有簡化編碼。標頭內文章內各節內標頭的複雜性令人生畏。然後就是CSS3的複雜性。網站編碼人員必須具有邏輯和語義差異學位的畢業生,然後才能完全理解新的語義元素功能。

我看不到以結果為導向的網站設計師願意使用新的語義元素。

搜索引擎

搜索引擎是否從新的語義元素中獲益尚有爭議。可以肯定的是,他們將需要更多的邏輯來應對傳統編碼和新結構。

而且不久以後,一些發明性的編碼器就會迷惑元素和結構,以獲得更好的排名。

較舊的瀏覽器

全球使用Internet Explorer 6的人數已減少到不足1%。 IE6的使用率很低,可以忽略不計,但是IE7和IE8的用戶數量仍然太高而無法忽略。

通過一些小的添加,舊的瀏覽器可以處理新功能而不會太麻煩。有一個「 Modernizr」,它將檢測用戶瀏覽器中對HTML5和CSS3功能的支持或不支持。漸進式Internet Explorer(PIE)將添加Polyfill功能,例如圓角,陰影和漸變。

HTML5,CSS3和手機

移動設備的爆炸式增長促進了HTML5,CSS3和JavaScript(首選語言)的普及。

HTML5和CSS3在移動市場上的成功能否轉化為台式機和網站尚有待商.。從全新開始為新iPad編程是一回事-轉換7億個網站是另一回事。

當前的網站做法

為了了解HTML5的實現,我查看了一些受歡迎的網站:

  • Google搜索使用HTML5。我不太確定這有多有意義。該安全站點似乎主要用於防止自動閱讀嘗試來確定網站排名。 HTML代碼完全由腳本組成。我沒有看到語義元素。
  • Microsoft,Amazon和Hewlett Packard網站仍在使用XHMTL 1.0過渡版。
  • 英特爾領先一步-他們正在使用XHTML 1.0 Strict。
  • 沃爾瑪使用HTML5-但沒有使用任何新的語義元素。

我的結論

我想我們可以得出結論,沒有急於使用新的標準或功能。

在有一個網站要升級到HTML5和CSS3的地方,我覺得大多數編碼人員都將效仿沃爾瑪的例子。那就是將使用HTML5和CSS3的功能,而不是語義元素。這將使升級儘可能容易。

對於一個新的簡單網站,一些勇敢的編碼人員可能會嘗試使用新的語義元素進行嘗試。

相關文章