現階段html5跟html4的十個主要區別

HTML5是最新的HTML規范，或遲或早，一切的web順序員都邑發現需求運用到這個最新的規范，并且，良多人都覺得，從新設計一個HTML5的網站，要比把一個網站從HTML4搬遷到HTML5上容易的多，這是由于這兩個版本之間有很大不同之處。

現實上，HTML5并沒有對HTML4做什么太多的修正，它們很多地方都是類似的。

1. HTML5標準還在制定中

這頭一個分歧之處不言而喻，但十分主要，我需求先從它開端。也許你曾經留意到了關于HTML5很酷的信息到處都是，然則現實狀況是，HTML5是一個還未完成的規范。HTML410歲了，但它仍是當時正式的規范的現實沒有變。

另一方面，HTML5仍處在早期階段，今后的修正會不時的呈現。你必需思索到這些，由于你在網站上運用的這些新添加或修正的網頁元素會每年都呈現一些轉變，你需求一直的更新晉級你的網站，這可不是你但愿的。這就是當前為止，你最好在產物里運用HTML4，只在實行里運用HTML5的緣由。

2. 簡化的語法

更簡單的doctype聲明是HTML5里眾多新特征之一。現在你只需要寫<!doctype html>，這就行了。HTML5的語法兼容HTML4和XHTML1，但不兼容SGML。

3. <canvas> 標記替代Flash

對于Web用戶來說，Flash既是一個驚喜，也是一種痛苦。有很多的Web開發人員對HTML5對Flash產生的威脅很不滿。但對于那些忍受著要花幾年時間加載和運行的臃腫的Flash視頻的人來說，用新的 <canvas> 標記生成視頻的技術已經到來。

目前， <canvas> 標記并不能提供所有的Flash具有的功能，但假以時日，Flash必將從web上淘汰。我們拭目以待，因為很多人還并不認同這種觀點。

4. 新的 <header> 和 <footer> 標記

HTML5的設計是要更好的描繪網站的解剖結構。這就是為什么這些<header> 和
<footer> 等新標記的出現，它們是專門為標志網站的這些部分設計的。

在開發網站時，你不在需要用<div>標記來標注網頁的這些部分。

5. 新的 <section> 和 <article> 標記

跟<header> 和 <footer>標記類似，HTML5中引入的新的<section> 和 <article> 標記可以讓開發人員更好的標注頁面上的這些區域。

據推測，除了讓代碼更有組織外，它也能改善SEO效果，能讓搜索引擎更容易的分析你的頁面。

6. 新的 <menu> 和 <figure> 標記

新的<menu>標記可以被用作普通的菜單，也可以用在工具條和右鍵菜單上，雖然這些東西在頁面上并不常用。

類似的，新的 <figure> 標記是一種更專業的管理頁面上文字和圖像的方式。當然，你可以用樣式表來控制文字和圖像，但使用HTML5內置的這個標記更適合。

7. 新的 <audio> 和 <video> 標記

新的<audio> 和 <video> 標記可能是HTML5中增加的最有用處的兩個東西了。正如標記名稱，它們是用來嵌入音頻和視頻文件的。

除此之外還有一些新的多媒體的標記和屬性，例如<track>，它是用來提供跟蹤視頻的文字信息的。有了這些標記，HTML5使Web2.0特征變得越來越友好。問題在于，在HTML5還未被廣泛的接受之前，Web2.0還是老的Web2.0。

8.新的 <form> 和 <forminput>

新的 <form> 和 <forminput> 標記對原有的表單元素進行的全新的修改，它們有很多的新屬性(以及一些修改)。如果你經常的開發表單，你應該花時間更詳細的研究一下。

9. 廢除 <b> 和 <font> 標記

對我個人來說，這是一個讓我不太理解的改動。我并不認為去除 <b> 和 <font>標記會帶來多大的好處。我知道，官方的指導說這些標記可以通過CCS來做更好的處理，但這樣一來，為了在文章一兩個地方出現的這種標記，你就需要在獨立的css和文本兩個地方來實現這一的功能，豈不笨拙。也許我們以后會習慣這種方法。

10. 廢除 <frame>, <center>, <big> 標記

現實上，我曾經記不清曾經何時用過這些標志了，所以，我并不為去除這些標志覺得難過。一樣的緣由，有更好的標志能完成它們的功用——這很好，任何作廢的標志從規范中剔除都是受歡迎的。

這10個HTML5和HTML4之間的分歧只是整個新的標準中的一小局部。除了這些首要的變化外，我還可以略提一下一些非必須的改動，比方修正了標志的屬性，讓它可以倒排序，對標志也做了修正。一切這些非必須的改動數目很多。并且新的修正也在不時的添加，因而，假如你想及時跟蹤最新的意向，你需求常常的檢查w3.org的HTML4 和 HTML5之間的分歧這個頁面。假如你很心急，想在你的任務中運用這些新的標志和屬性，我勸說你最好只是做實行，緣由曾經說的很清晰了，這些新標志和新屬性在未來也許會有很大的改動，所以，除非你不時的更新你的代碼，它們很能夠會過時掉效。雖然現在大大都盛行的閱讀器的最新版都支撐HTML5，但有些新的(或修正的)標志和屬性它們并不支撐，所以你的網頁在用戶的屏幕上有能夠前后顯示的紛歧致。耐性等候，等候HTML5真正可以適用時分。當前還不是時分。

頁面Trace信息

當前頁面 : /web/201111/91.html
模板緩存 : C:\wwwroot\www.winfrastructure.net/data/front/runtime/cache/351ab735e880a1dd5f3567d38b061acb.php
請求方法 : GET
通信協議 : HTTP/1.1
請求時間 : 2021-12-07 08:05:47
用戶代理 : Mozilla/4.0 (compatible; MSIE 9.0; Windows NT 6.1)
會話ID : l3mdbk808gk7idicn4u5p7dbv7
日志記錄 : 61條日志
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8192] mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead DbMysql.class.php 第 62 行.
[ 2021-12-07T08:05:47+08:00 ] SQL: RunTime:0.000549s SQL = SHOW COLUMNS FROM citycy_category
[ 2021-12-07T08:05:47+08:00 ] SQL: RunTime:0.000086s SQL = SELECT `catid` FROM `citycy_category` WHERE `catdir`='web' LIMIT 1
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8192] preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead functions.php 第 118 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [2048] Only variables should be assigned by reference FbaseAction.class.php 第 68 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: forward FbaseAction.class.php 第 69 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8192] preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead common.php 第 79 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: userdata FbaseAction.class.php 第 105 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: userdata FbaseAction.class.php 第 105 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [2048] Declaration of ContentModel::add() should be compatible with Model::add($data = '', $options = Array) ContentModel.class.php 第 507 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [2048] Declaration of ContentModel::delete() should be compatible with Model::delete($options = Array) ContentModel.class.php 第 507 行.
[ 2021-12-07T08:05:47+08:00 ] SQL: RunTime:0.000443s SQL = SHOW COLUMNS FROM citycy_content
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2021-12-07T08:05:47+08:00 ] SQL: RunTime:0.000106s SQL = SELECT `cid` FROM `citycy_content` WHERE ( `url` = '201111/91.html' ) AND ( `status` = '9' ) LIMIT 1
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2021-12-07T08:05:47+08:00 ] SQL: RunTime:0.000106s SQL = SELECT * FROM `citycy_content` WHERE ( `url` = '201111/91.html' ) LIMIT 1
[ 2021-12-07T08:05:47+08:00 ] SQL: RunTime:0.000308s SQL = SHOW COLUMNS FROM citycy_content_article
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2021-12-07T08:05:47+08:00 ] SQL: RunTime:0.000076s SQL = SELECT * FROM `citycy_content_article` WHERE ( `cid` = '91' ) LIMIT 1
[ 2021-12-07T08:05:47+08:00 ] SQL: RunTime:0.000391s SQL = SHOW COLUMNS FROM citycy_model_field
[ 2021-12-07T08:05:47+08:00 ] SQL: RunTime:0.000065s SQL = SELECT `fieldid` FROM `citycy_model_field` WHERE `status`='1' AND `modelid`='1'
[ 2021-12-07T08:05:47+08:00 ] SQL: RunTime:0.000279s SQL = SHOW COLUMNS FROM citycy_content_tag
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2021-12-07T08:05:47+08:00 ] SQL: RunTime:0.000097s SQL = SELECT citycy_tag.name FROM `citycy_content_tag` LEFT JOIN citycy_tag ON (citycy_tag.tagid=citycy_content_tag.tagid) WHERE ( citycy_content_tag.keyid = 'c-91' ) ORDER BY citycy_tag.tagid DESC
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [2] Invalid argument supplied for foreach() ContentModel.class.php 第 416 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 199 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [2] strpos(): Empty needle ThumbField.class.php 第 21 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2021-12-07T08:05:47+08:00 ] SQL: RunTime:0.000087s SQL = SELECT * FROM `citycy_content` WHERE sort<1 AND catid=10 ORDER BY sort DESC LIMIT 1
[ 2021-12-07T08:05:47+08:00 ] SQL: RunTime:0.000064s SQL = SELECT * FROM `citycy_content` WHERE sort>1 AND catid=10 ORDER BY sort ASC LIMIT 1
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [2] Missing argument 1 for Ad::__construct(), called in C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Common\functions.php on line 259 and defined Ad.class.php 第 40 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [2] Missing argument 2 for Ad::__construct(), called in C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Common\functions.php on line 259 and defined Ad.class.php 第 40 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined variable: type Ad.class.php 第 41 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined variable: setting Ad.class.php 第 42 行.
[ 2021-12-07T08:05:47+08:00 ] NOTIC: [8] Undefined variable: html Ad.class.php 第 136 行.
加載文件 : 76
[0] => C:\wwwroot\www.winfrastructure.net\index.php
[1] => C:\wwwroot\www.winfrastructure.net\define.php
[2] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\ThinkPHP.php
[3] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Common\runtime.php
[4] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Common\defines.php
[5] => C:\wwwroot\www.winfrastructure.net\front\Conf\paths.php
[6] => C:\wwwroot\www.winfrastructure.net\front\Conf\core.php
[7] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Common\functions.php
[8] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Lib\Think\Core\Think.class.php
[9] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Lib\Think\Exception\ThinkException.class.php
[10] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Lib\Think\Core\Log.class.php
[11] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Lib\Think\Core\App.class.php
[12] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Lib\Think\Core\Action.class.php
[13] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Lib\Think\Core\View.class.php
[14] => C:\wwwroot\www.winfrastructure.net\front\Common\alias.php
[15] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Common\convention.php
[16] => C:\wwwroot\www.winfrastructure.net\front\Conf\config.php
[17] => C:\wwwroot\www.winfrastructure.net\data\config.inc.php
[18] => C:\wwwroot\www.winfrastructure.net\data\config.cache.php
[19] => C:\wwwroot\www.winfrastructure.net\front\Common\common.php
[20] => C:\wwwroot\www.winfrastructure.net\front\Conf\routes.php
[21] => C:\wwwroot\www.winfrastructure.net\front\Conf\tags.php
[22] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Common\debug.php
[23] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Lib\Think\Core\Model.class.php
[24] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Lib\Think\Db\Db.class.php
[25] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Lib\Think\Db\Driver\DbMysql.class.php
[26] => C:\wwwroot\www.winfrastructure.net\data\cache\category_10.php
[27] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Lang\zh-cn.php
[28] => C:\wwwroot\www.winfrastructure.net\front\Lib\Action\FcontentAction.class.php
[29] => C:\wwwroot\www.winfrastructure.net\front\Lib\Action\FbaseAction.class.php
[30] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Lib\ORG\Util\Input.class.php
[31] => C:\wwwroot\www.winfrastructure.net\include\Auth.class.php
[32] => C:\wwwroot\www.winfrastructure.net\include\Act.class.php
[33] => C:\wwwroot\www.winfrastructure.net\data\cache\front_act_cache.php
[34] => C:\wwwroot\www.winfrastructure.net\front\Lib\Model\ContentextModel.class.php
[35] => C:\wwwroot\www.winfrastructure.net\admin\Lib\Model\ContentModel.class.php
[36] => C:\wwwroot\www.winfrastructure.net\include\Pager.class.php
[37] => C:\wwwroot\www.winfrastructure.net\data\cache\model_1.php
[38] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_1.php
[39] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_2.php
[40] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_4.php
[41] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_6.php
[42] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_7.php
[43] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_8.php
[44] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_9.php
[45] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_10.php
[46] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_11.php
[47] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_12.php
[48] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_13.php
[49] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_14.php
[50] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_15.php
[51] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_16.php
[52] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_20.php
[53] => C:\wwwroot\www.winfrastructure.net\data\cache\modelField_21.php
[54] => C:\wwwroot\www.winfrastructure.net\include\Field.class.php
[55] => C:\wwwroot\www.winfrastructure.net\include\field\CatidField.class.php
[56] => C:\wwwroot\www.winfrastructure.net\include\field\TitleField.class.php
[57] => C:\wwwroot\www.winfrastructure.net\include\field\InputField.class.php
[58] => C:\wwwroot\www.winfrastructure.net\include\field\ThumbField.class.php
[59] => C:\wwwroot\www.winfrastructure.net\include\field\AttrField.class.php
[60] => C:\wwwroot\www.winfrastructure.net\include\field\TextareaField.class.php
[61] => C:\wwwroot\www.winfrastructure.net\include\field\EditorField.class.php
[62] => C:\wwwroot\www.winfrastructure.net\include\Keylink.function.php
[63] => C:\wwwroot\www.winfrastructure.net\include\field\BoxField.class.php
[64] => C:\wwwroot\www.winfrastructure.net\include\field\TagField.class.php
[65] => C:\wwwroot\www.winfrastructure.net\include\field\DatetimeField.class.php
[66] => C:\wwwroot\www.winfrastructure.net\include\library\ThinkPHP\Lib\Think\Util\Template\TemplateSmarty.class.php
[67] => C:\wwwroot\www.winfrastructure.net\include\Smarty\Smarty.class.php
[68] => C:\wwwroot\www.winfrastructure.net\data\front\runtime\templates_c\%%F8^F84^F844ADE2%%article_view.html.php
[69] => C:\wwwroot\www.winfrastructure.net\data\front\runtime\templates_c\%%71^714^714F4B17%%header.html.php
[70] => C:\wwwroot\www.winfrastructure.net\include\Smarty\internals\core.load_plugins.php
[71] => C:\wwwroot\www.winfrastructure.net\include\Smarty\internals\core.assemble_plugin_filepath.php
[72] => C:\wwwroot\www.winfrastructure.net\include\tag\function.ffad.php
[73] => C:\wwwroot\www.winfrastructure.net\data\ads\ad_1.php
[74] => C:\wwwroot\www.winfrastructure.net\include\Ad.class.php
[75] => C:\wwwroot\www.winfrastructure.net\data\front\runtime\templates_c\%%80^806^80621A61%%footer.html.php