HTML5優勢

来源:http://www.cnblogs.com/jihua/archive/2017/04/16/html5youshi.html
-Advertisement-
Play Games

難道還沒有考慮使用HTML5? 當然我猜想你可能有自己的原因;它現在還沒有被廣泛的支持,在IE中不好使,或者你就是喜歡寫比較嚴格的XHTML代碼。HTML5是web開發世界的一次重大的改變,事實上不管你是否喜歡,它都是代表著未來趨勢。其實HTML5並不難理解和使用。我們這裡能列出許多原因為什麼現在要 ...


難道還沒有考慮使用HTML5? 當然我猜想你可能有自己的原因;它現在還沒有被廣泛的支持,在IE中不好使,或者你就是喜歡寫比較嚴格的XHTML代碼。HTML5是web開發世界的一次重大的改變,事實上不管你是否喜歡,它都是代表著未來趨勢。其實HTML5並不難理解和使用。我們這裡能列出許多原因為什麼現在要開始使用HTML5。
  目前有很多的文章介紹使用HTML5並且介紹了使用它的優勢和好處,沒錯,我們這篇文章也類似。隨著更多這樣的文章,以及Apple的支持, Adobe圍繞HTML5的產品開發,以及移動flash的死亡,如此多網站的支持,我想對那些仍舊沒有或者不想接受它的人說一些話。我認為主要得原因是,它看起來像一個神秘的東西。很多感覺它像噴氣背包或者飛行汽車。一個未經驗證的非凡想法但是並不實際。但是事實上現在已近非常的實際了。
  為瞭解密HTML5並且幫助頑固的開發設計人員,我這裡列出了使用HTML5的幾大優勢,希望對大家有幫助!
  第十大優勢:易用性
  倆個原因使得使用HTML5創建網站更加簡單:語義上及其ARIA。新的HTML標簽像<header>, <footer>,<nav>,<section>, <aside>等等,使得閱讀者更加容易去訪問內容。在以前,即使你定義了class或者ID你的閱讀者也沒有辦法去瞭解給出的一個div究竟是什麼。使用新的語義學的定義標簽,你可以更好的瞭解HTML文檔,並且創建一個更好的使用體驗。

以下是HTML5新增的標簽是:
A、<aside>
B、<isindex>
C、<samp>
D、<s>
答案:http://hovertree.com/tiku/bjaf/7e7d6c5d.htm

  ARIA是一個W3C的標準主要用來對HTML文章中的元素指定“角色“,通過角色屬性來創建重要的頁面地形例如,header,footer,navigation或者aritcle很有必要。這一點曾經被忽略掉了並且沒有被廣泛使用,因為事實上並不驗證。然而,HTML5將會驗證這樣屬性。同時,HTML5將會內建這些角色並且無法不覆蓋。更多的HTML5和ARIA討論,請大家查看這裡。
  第九大優勢:視頻和音頻支持
  忘了flash和其它第三方應用吧,讓你的視頻和音頻通過HTML5標簽<video>和<audio>來訪問資源。正確播放媒體一直都是一個非常可怕的事情,你需要使用<embed>和<object>標簽,並且為了它們能正確播放必須賦予一大堆的參數。你的媒體標簽將會非常複雜,大堆得令人迷惑的代碼。而且HTML5視頻和音頻標簽基本將他們視為圖片:<video src=”"/>。但是其它參數例如寬度和高度或者自動播放呢?不必擔心,只需要像其它HTML標簽一樣定義:<video src=”url” width=”640px” height=”380px” autoplay/>。
  實際上這個過程非常簡單,然而我們的老瀏覽器可能並不喜歡我們的HTML5,你需要添加更多代碼來讓他們正確工作。但是這個代碼還是比<embed>和<object>來的簡單的多。   
  第八大優勢:Doctype
  沒錯,就是doctype,沒有更多內容了。是不是非常簡答?不需要拷貝粘貼一堆無法理解的代碼,也沒有多餘的head標簽。最大的好消息在於,除了簡單,它能在每一個瀏覽器中正常工作即使是名聲狼藉的IE6。

HTML5 的正確 doctype 是?
A.<!DOCTYPE html>
B.<!DOCTYPE HTML5>
C.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" "http://www.w3.org/TR/html5/strict.dtd">
答案:http://hovertree.com/shortanswer/bjae/4glrlhj5.htm

  第七大原因:更清晰的代碼
  如果你對於簡答,優雅,容易閱讀的代碼有所偏好的話,HTML5絕對是一個為你量身定做的東西。HTML5允許你寫出簡單清晰富於描述的代碼。符合語義學的代碼允許你分開樣式和內容。看看這個典型的簡單擁有導航的heaer代碼:<div id="header"> <h1>Header Text</h1> <div id="nav"> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div></div>是不是很簡單?但是使用HTML5後會使得代碼更加簡單並且富有含義:<header> <h1>Header Text</h1> <nav> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </nav></header>
  使用HTML5你可以通過使用語義學的HTML header標簽描述內容來最後解決你的div及其class定義問題。 以前你需要大量的使用div來定義每一個頁面內容區域,但是使用新的<section>,<article>,<header>,<footer>,<aside>和<nav>標簽,需要你讓你的代碼更加清晰易於閱讀。
  第六大優勢:更聰明的存儲
  HTML5中最酷的特性就是本地存儲。有一點像比較老的技術cookie和客戶端資料庫的融合。它比cooke更好用因為支持多個windows存儲,它擁有更好的安全和性能,即使瀏覽器關閉後也可以保存。
  因為它是個客戶端的資料庫,你不用擔心用戶刪除任何cookie,並且所有主流瀏覽器都支持。
  本地存儲對於很多情況來說都不錯, 它是HTML5工具中一個不需要第三方插件實現的。能夠保存數據到用戶的瀏覽器中意味你可以簡單的創建一些應用特性例如:保存用戶信息,緩存數據,載入用戶上一次的應用狀態。
  第五大優勢:更好的互動
  我們都喜歡更好的互動,我們都喜歡對於用戶有反饋的動態網站,用戶可以享受互動的過程。輸入<canvas>,HTML5的畫圖標簽允許你做更多的互動和動畫,就像我們使用Flash達到的效果。
  除了<canvas>,HTML5同樣也擁有很多API允許你創建更加好的用戶體驗並且更加動態的web應用程式。 這裡有一個列表:
Drag and Drop (DnD)
Offline storage database
Browser history management
document editing
Timed media playback
  第四大優勢:游戲開發
  沒錯, 你可以使用HTML5的<canvas>開發游戲。HTML5提供了一個非常偉大的,移動友好的方式去開發有趣互動的游戲。如果你開發Flash游戲,你就會喜歡上HTML5的游戲開發。
  第三大優勢: 遺留及其跨瀏覽器支持
  你的現代流行瀏覽器都支持HTML5(Chrome,Firefox,Safari,IE9和Opera),並且創建了HTML5 doctype這樣所有的瀏覽器,即使非常老非常令人厭惡瀏覽器像IE6都可以使用。但是因為老的瀏覽器能夠識別doctype並不意味它可以處理HTML5標簽和功能。幸運的是,HTML5已經使得開發更加簡單了,更多支持更多瀏覽器,這樣老的IE瀏覽器可以通過添加javascript代碼來使用新的元素:
<!--[if lt IE 9]> <script src="http://hovertree.com/texiao/html5/4/html5shiv.min.js"></script><![endif]-->
  第二大優勢: 移動,移動還是移動
  你可以稱之為“直覺”,但是我認為移動技術將會變得更加的流行。我知道,這裡有些非常瘋狂的猜測,有些可能你也想到了 – Mobile是一個時尚!移動設備將占領世界。更多的接受移動設備將會增長的非常迅速。這意味著更多的用戶會選擇使用移動設備訪問網站或者web應用。HTML5是最移動化的開發工具。隨著Adobe宣佈放棄移動flash開發,你將會考慮使用HTML5來開發webp應用。當手機瀏覽器完全支持HTML5那麼開發移動項目將會和設計更小的觸摸顯示一樣簡單。這裡有很多的meta標簽允許你優化移動:viewport: 允許你定義viewport寬度和縮放設置;全屏瀏覽器: ISO指定的數值允許Apple設備全屏模式顯示;Home screen icons: 就像桌面收藏,這些圖標可以用來添加收藏到IOS和Android移動設備的首頁。
  第一大優勢: 它是未來,開始用吧!
  最大的原因今天你就開始使用HTML5是因為它是未來,不要掉隊了!HTML5不會往每個方向發展,但是更多的元素已經被很多公司採用,並且開始著手開發。HTML5其實更像HTML,它不是一個新的技術需要你重新學習!如果你開發XHTML strict的話你現在就已經在開發HTML5了。為什麼不更完整的享受HTML5的功能呢?
  你實際上沒有任何藉口不接受HTML5。事實上我唯一一個原因使用HTML5是因為它書寫代碼簡單清晰。其它的特性其實我也沒有真正使用。你可以考慮現在開始使用HTML5書寫代碼,它能幫助你改變書寫代碼的方式及其設計方式。開始用HTML5代碼編寫web應用吧,說不定下一個移動應用或者游戲應用就是用HTML5開發的!

來源:http://hovertree.com/h/bjaf/html5youshi.htm

web特效:http://www.cnblogs.com/jihua/p/webfront.html


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 購物車主要作用在於:1、和傳統賣場類似,方便用戶一次選擇多件商品去結算。2、充當臨時收藏夾的功能。3、對於商家來說,購物車是向用戶推銷的最佳場所之一。 早期 ERP拆分 業務服務化拆分 WCS拆分 購物車功能模塊概況 層級設計 群集設計 雲購物車從應用層 面上設計了三個—— 交互層、業務... ...
  • 1 概念定義 1 概念定義 1.1 定義 確保一個類只有一個實例,而且自行實例化並向整個系統提供這個實例。 1.2 類型 創建類模式 1.3 難點 1)多個虛擬機 當系統中的單例類被拷貝運行在多個虛擬機下的時候,在每一個虛擬機下都可以創建一 個實例對象。在使用了 EJB、JINI、RMI 技術的分佈 ...
  • 項目下載地址:http://download.csdn.net/detail/aqsunkai/9805821 (一)yml配置文件: pom.xml加入依賴: 在application.yml文件中加上: 使用一個java類獲取yml文件的內容: 通過依賴註入就可以獲取該對象: 方法內獲取值: ( ...
  • 第一次寫博客,有點小激動。由於我的興趣方向是web前端,所以就給自己設計了個頁面。 這個頁面的主要特點就是磨砂效果,還有背景固定效果。靜止不動首先想到的就是position: fixed,只要將背景圖填滿全屏,再設置固定定位就可以了。不過要註意不能把#home當做固定背景,否則子元素也會固定,滾動條 ...
  • 前言:這是筆者學習之後自己的理解與整理。如果有錯誤或者疑問的地方,請大家指正,我會持續更新! innerHTML 在讀模式下,返回與調用元素的所有子節點(包括元素、註釋和文本節點)對應的 HTML 標記; 在寫模式下,innerHTML 會根據指定的值創建新的 DOM 樹,然後用這個 DOM 樹完全 ...
  • 最近由於項目的需要,做了一個基於JQuery的表格分頁插件封裝,部分源碼來源百度,經由自己封裝完成。 下麵是具體代碼和說明,僅供參考。第一步可以先將我的HTML,CSS,JS這三部分的代碼創建好後先運行看看,下圖是文件目錄展示。 html CSS js 好了,到了這裡如果你完成了創建並且運行可以看到 ...
  • First First Second Second ...
  • There is no doubt that JavaScript是沒有多線程之說的,他只能一件事一件事的做,做完一件事再做下一件事,假如你的js要花一段比較長的時間做一件事的話,那麼瀏覽器將會卡頓一段時間,不對用戶的操作產生響應,這可咋辦呢?謝天謝地,HTML5為我們提供了實現多線程的機制,這麼好... ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...