HTML5與HTML4的10個關鍵區別

来源:http://www.cnblogs.com/shouce/archive/2016/05/17/5503072.html
-Advertisement-
Play Games

HTML5是HTML標準的下一個版本。越來越多的程式員開始HTML5來構建網站。如果你同時使用HTML4和HTML5的話,你會發現用HTML5從頭構建,比從HTML4遷移到HTML5要方便很多。雖然HTML5沒有完全顛覆HTML4,它們還是有很多相似之處,但是它們也有一些關鍵的不同。本文就列出了它們 ...


HTML5是HTML標準的下一個版本。越來越多的程式員開始HTML5來構建網站。如果你同時使用HTML4和HTML5的話,你會發現用HTML5從頭構建,比從HTML4遷移到HTML5要方便很多。雖然HTML5沒有完全顛覆HTML4,它們還是有很多相似之處,但是它們也有一些關鍵的不同。本文就列出了它們之間10個關鍵的不同之處。

1.HTML5標準還在制定中

首先要註意的是,HTML5雖然現在很火,但是HTML5標準還在制定中,標準仍在改變。HTML4已經10多年了,不會有任何改變了。

2.簡化的語法

HTML5簡化了很多細微的語法,例如doctype的聲明,你只需要寫<!doctype html>就行了。HTML5與HTML5,XHTML1相容,但是與SGML不相容。

3.<canvas>標簽替代Flash

Flash給很多Web開發者帶來了麻煩,要在網頁上播放Flash需要一堆代碼和插件。<canvas>標簽使得開發者只要使用一個標簽就能和用戶產生UI交互。雖然目前<canvas>標簽還不能實現Flash的所有功能,但是很快<canvas>就會讓Flash看起來老土,哈哈!

4.新增<header>和<footer>標簽

HTML5設計的一個原則是更好的體現網站的語義性,所以增加了<header>和<footer>這樣的標簽,用來明確表示網頁的結構。

5.新增<section>和<article>標簽

與<header>,<footer>類似,<section>和<article>也有利於清晰化網頁的結構,更有利於SEO。

6.新增<menu>和<figure>標簽

<menu>可以被用於創建傳統的菜單,也可以用於工具欄和上下文菜單。<figure>標簽使得網頁文字和圖片的排版更專業。

7.新增<audio>和<video>標簽

這兩個標簽可能是HTML5裡面最有用的兩個標簽了。顧名思義,這兩個標簽是用來播放音頻和視頻的。

8.全新的表單

HTML5對<form>和<forminput>標簽進行了大量修改,添加了很多新的屬性,也修改了很多屬性。

9.刪除<b>和<font>標簽

這個改進我還無法理解。我不認為刪除這兩個標簽對代碼的改進有很大的幫助。官方的解釋是應該用CSS來替代這兩個標簽。但我還是覺得對於簡單的文本,這兩個標簽還是很方便的。

10.刪除<frame>,<center>,<big>標簽

我已經記不得上次是什麼時候使用這些標簽了。


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

-Advertisement-
Play Games
更多相關文章
  • 觀察者模式 定義了對象之間的一對多依賴,這樣一來,當一個對象狀態改變時,它的所有依賴者都會收到通知並自動更新。 觀察者模式中,分為推和拉兩種模式。 推模式,即主題對象向觀察者對象推送狀態值,不管觀察者對象是否需要,並且推送全部數據或者部分數據。 拉模式,即主題對象通知觀察者對象狀態值已改變,觀察者根 ...
  • 策略模式 定義了演算法族,分別封裝起來,讓他們之間可以互相替換,此模式讓演算法的變化獨立於使用演算法的客戶。 說明: 1、可以動態地改變對象的行為; 2、各個策略演算法的平等性,各個策略演算法在實現上是相互獨立的,相互之間沒有任何依賴的(由此,策略模式也可以描述為“策略演算法是相同行為的不同實現”); 3、在運 ...
  • 裝飾者模式 動態的將責任附加到對象上。若要擴展功能,裝飾者模式提供了比繼承更有彈性的替代方案。 說明: 1、裝飾者和被裝飾者對象有相同的超類型; 2、可以用一個或者多個裝飾者包裝一個對象; 3、既然裝飾者和被裝飾者對象有相同的超類型,所以在任何需要原始對象(被裝飾者)的場合,可以用裝飾過的對象代替它 ...
  • WebSocket協議,是建立在TCP協議上的,而非HTTP協議。 如下: ws://127.0.0.1或wss://127.0.0.1就是WebSocket請求。 註:ws表示WebSocket協議,wss表示加密的WebSocket協議。 WebSocket的好處就是允許伺服器和客服端進行實時地 ...
  • Object.prototype.exist = function(){ if(typeof this !='undefined' && this.length>=1){ return true; } return false; }; 不解釋 Object.prototype.exist = fun ...
  • 問題 在node項目中,往往需要安裝一些依賴的包,通常我們採取全局安裝的方式,來減少一些包重覆安裝帶來的煩惱。 但是全局安裝後出現無法使用的情況,可能是你NODE_PATH沒有設置或者不正確造成的。 解決方案 那麼,什麼是NODE_PATH呢? NODE_PATH是node為模塊提供尋找路徑的一個環 ...
  • 在使用JQuery的Ajax從伺服器請求數據或者向伺服器發送數據時常常會遇到跨域無法請求的錯誤,常用的解決辦法就是在Ajax中使用JSONP。基於安全性考慮,瀏覽器會存在同源策略,然而<script/>標簽卻具有跨域訪問數據的能力,這就是JSONP工作的基本原理。有關同源策略以及什麼是JSONP,可 ...
  • 最近在研究頁面渲染及web動畫的性能問題,以及拜讀《CSS SECRET》(CSS揭秘)這本大作。 本文主要想談談頁面優化之滾動優化。 主要內容包括了為何需要優化滾動事件,滾動與頁面渲染的關係,節流與防抖,pointer-events:none 優化滾動。因為本文涉及了很多很多基礎,是我自己學習記錄 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...