html5新功能尝鲜后感想

HTML5袭来了,作为是HTML4的全新升级版本，未来势必成为主流标准。前者相比于后者，HTML5丰富了Web网页的表现力，同时也增加了表单、本地数据等全新功能，这些新功能的引人，对于我们网站的建设和表示形式是一个全新的体验，而且一个难得的机遇，因为但凡重大的更新，都是伴随着巨大的进步,为我们的生活带来更多便利。那么具体的优势包括哪些呢。就目前了解到的情况，领城首席设计师为大家分享一下！

　　一.优化flash， HTML5出现了新的 <canvas>标记

　　对于做Flash网站的各位站长都知道，加载大量falsh内容的网站在打开的用户体验方面是一个头疼问题，flash丰富的网页的显示效果，但是因为flash文件的大小问题，造成的网页打开速度硬伤。令站长和服务器供应商焦头烂额。

　　针对这个问题，html5推出了新的 <canvas> 标记，它的作用不仅能提供Flash相关的功能，而且能优化视频加载速度，让充满动画的网站，不再那么难打开。

　　二. <header> 和 <footer>标记构建更清晰的网站代码结构

　　良好的结构才利于搜索引擎蜘蛛的爬行，优化结构才能提高蜘蛛的爬行效率，才能让网站尽可能多的被收录。<header> 和 <footer>元标记的出现就是为了让那些固定的结构变得更有理，让搜索引擎明白网站的结构，哪里是头，哪里是脚。引导蜘蛛良好的认识网站结构，也是带领网站走向良好收录的方向。

　　三. 继续丰富网站体验，引人音频以及视频嵌入功能

　　HTML5为什么会在赞誉声中被接受，关键还在于它在优化用户体验上的突破，之前要在网页加一个背景音乐，那确实是一件复杂的事情。<bgsound>的运用有十分大的局限性比如只能在IE下起作用。对于其他浏览器无效。于是这些呼声在html5里面得到了很好的解决。HTML5新增了<audio> 和 <video> 标记，它能将音频以及视频完美的嵌入到网页中，而不影响网站的加载速度。从此以后快速而且有声有色的网站开始变成现实，这怎么能不令人惊喜。

　　四. 新增本地数据功能，方便管理

　　笔者之前提到HTML5新增了本地数据这个新的功能，这个新功能是方便进行数据管理。具体实现方式为：将内嵌一个本地的SQL 数据库，以加速交互式搜索，缓存以及索引功能。同时，那些离线Web 程序也将因此获益匪浅，此外，由于HTML5加入了全新的表单，使得我们建站的时候对于URL可以使用微数据，这一方式的改变，能让我们更干净的管理网页，使整个网站的整体层次分明，对于搜索引擎的友好又是不言而喻的。

怎么样，准备好了迎接这以心动的变革了吗。我们的网页设计师已经在加紧钻研html5技术难题。如果你有兴趣开始建立一个全新的html5网站，感受一下新科技对你们的冲击，那么欢迎跟领城的设计师取得联系。让最新的网页标准来到你的身边！

页面Trace信息

当前页面 : /web/201203/147.html
模板缓存 : C:\wwwroot\www.citycy.com/data/front/runtime/cache/351ab735e880a1dd5f3567d38b061acb.php
请求方法 : GET
通信协议 : HTTP/1.1
请求时间 : 2022-11-27 07:43:08
用户代理 : CCBot/2.0 (https://commoncrawl.org/faq/)
会话ID : ia4jvab2rl87e7pkj680bjipd0
日志记录 : 62条日志
[ 2022-11-27T07:43:08+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 行.
[ 2022-11-27T07:43:08+08:00 ] SQL: RunTime:0.000774s SQL = SHOW COLUMNS FROM citycy_category
[ 2022-11-27T07:43:08+08:00 ] SQL: RunTime:0.000077s SQL = SELECT `catid` FROM `citycy_category` WHERE `catdir`='web' LIMIT 1
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8192] preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead functions.php 第 118 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [2048] Only variables should be assigned by reference FbaseAction.class.php 第 68 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: forward FbaseAction.class.php 第 69 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8192] preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead common.php 第 79 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: userdata FbaseAction.class.php 第 105 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: userdata FbaseAction.class.php 第 105 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [2048] Declaration of ContentModel::add() should be compatible with Model::add($data = '', $options = Array) ContentModel.class.php 第 507 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [2048] Declaration of ContentModel::delete() should be compatible with Model::delete($options = Array) ContentModel.class.php 第 507 行.
[ 2022-11-27T07:43:08+08:00 ] SQL: RunTime:0.000791s SQL = SHOW COLUMNS FROM citycy_content
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-11-27T07:43:08+08:00 ] SQL: RunTime:0.000085s SQL = SELECT `cid` FROM `citycy_content` WHERE ( `url` = '201203/147.html' ) AND ( `status` = '9' ) LIMIT 1
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-11-27T07:43:08+08:00 ] SQL: RunTime:0.000120s SQL = SELECT * FROM `citycy_content` WHERE ( `url` = '201203/147.html' ) LIMIT 1
[ 2022-11-27T07:43:08+08:00 ] SQL: RunTime:0.000546s SQL = SHOW COLUMNS FROM citycy_content_article
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-11-27T07:43:08+08:00 ] SQL: RunTime:0.000083s SQL = SELECT * FROM `citycy_content_article` WHERE ( `cid` = '147' ) LIMIT 1
[ 2022-11-27T07:43:08+08:00 ] SQL: RunTime:0.000572s SQL = SHOW COLUMNS FROM citycy_model_field
[ 2022-11-27T07:43:08+08:00 ] SQL: RunTime:0.000072s SQL = SELECT `fieldid` FROM `citycy_model_field` WHERE `status`='1' AND `modelid`='1'
[ 2022-11-27T07:43:08+08:00 ] SQL: RunTime:0.000483s SQL = SHOW COLUMNS FROM citycy_content_tag
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-11-27T07:43:08+08:00 ] SQL: RunTime:0.000070s 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-147' ) ORDER BY citycy_tag.tagid DESC
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [2] Invalid argument supplied for foreach() ContentModel.class.php 第 416 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 199 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [2] strpos(): Empty needle ThumbField.class.php 第 21 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-11-27T07:43:08+08:00 ] SQL: RunTime:0.000110s SQL = SELECT * FROM `citycy_content` WHERE sort<1 AND catid=10 ORDER BY sort DESC LIMIT 1
[ 2022-11-27T07:43:08+08:00 ] SQL: RunTime:0.000065s SQL = SELECT * FROM `citycy_content` WHERE sort>1 AND catid=10 ORDER BY sort ASC LIMIT 1
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [2] Missing argument 1 for Ad::__construct(), called in C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\functions.php on line 259 and defined Ad.class.php 第 40 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [2] Missing argument 2 for Ad::__construct(), called in C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\functions.php on line 259 and defined Ad.class.php 第 40 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined variable: type Ad.class.php 第 41 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined variable: setting Ad.class.php 第 42 行.
[ 2022-11-27T07:43:08+08:00 ] NOTIC: [8] Undefined variable: html Ad.class.php 第 136 行.
加载文件 : 76
[0] => C:\wwwroot\www.citycy.com\index.php
[1] => C:\wwwroot\www.citycy.com\define.php
[2] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\ThinkPHP.php
[3] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\runtime.php
[4] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\defines.php
[5] => C:\wwwroot\www.citycy.com\front\Conf\paths.php
[6] => C:\wwwroot\www.citycy.com\front\Conf\core.php
[7] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\functions.php
[8] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\Think.class.php
[9] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Exception\ThinkException.class.php
[10] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\Log.class.php
[11] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\App.class.php
[12] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\Action.class.php
[13] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\View.class.php
[14] => C:\wwwroot\www.citycy.com\front\Common\alias.php
[15] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\convention.php
[16] => C:\wwwroot\www.citycy.com\front\Conf\config.php
[17] => C:\wwwroot\www.citycy.com\data\config.inc.php
[18] => C:\wwwroot\www.citycy.com\data\config.cache.php
[19] => C:\wwwroot\www.citycy.com\front\Common\common.php
[20] => C:\wwwroot\www.citycy.com\front\Conf\routes.php
[21] => C:\wwwroot\www.citycy.com\front\Conf\tags.php
[22] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\debug.php
[23] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\Model.class.php
[24] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Db\Db.class.php
[25] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Db\Driver\DbMysql.class.php
[26] => C:\wwwroot\www.citycy.com\data\cache\category_10.php
[27] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lang\zh-cn.php
[28] => C:\wwwroot\www.citycy.com\front\Lib\Action\FcontentAction.class.php
[29] => C:\wwwroot\www.citycy.com\front\Lib\Action\FbaseAction.class.php
[30] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\ORG\Util\Input.class.php
[31] => C:\wwwroot\www.citycy.com\include\Auth.class.php
[32] => C:\wwwroot\www.citycy.com\include\Act.class.php
[33] => C:\wwwroot\www.citycy.com\data\cache\front_act_cache.php
[34] => C:\wwwroot\www.citycy.com\front\Lib\Model\ContentextModel.class.php
[35] => C:\wwwroot\www.citycy.com\admin\Lib\Model\ContentModel.class.php
[36] => C:\wwwroot\www.citycy.com\include\Pager.class.php
[37] => C:\wwwroot\www.citycy.com\data\cache\model_1.php
[38] => C:\wwwroot\www.citycy.com\data\cache\modelField_1.php
[39] => C:\wwwroot\www.citycy.com\data\cache\modelField_2.php
[40] => C:\wwwroot\www.citycy.com\data\cache\modelField_4.php
[41] => C:\wwwroot\www.citycy.com\data\cache\modelField_6.php
[42] => C:\wwwroot\www.citycy.com\data\cache\modelField_7.php
[43] => C:\wwwroot\www.citycy.com\data\cache\modelField_8.php
[44] => C:\wwwroot\www.citycy.com\data\cache\modelField_9.php
[45] => C:\wwwroot\www.citycy.com\data\cache\modelField_10.php
[46] => C:\wwwroot\www.citycy.com\data\cache\modelField_11.php
[47] => C:\wwwroot\www.citycy.com\data\cache\modelField_12.php
[48] => C:\wwwroot\www.citycy.com\data\cache\modelField_13.php
[49] => C:\wwwroot\www.citycy.com\data\cache\modelField_14.php
[50] => C:\wwwroot\www.citycy.com\data\cache\modelField_15.php
[51] => C:\wwwroot\www.citycy.com\data\cache\modelField_16.php
[52] => C:\wwwroot\www.citycy.com\data\cache\modelField_20.php
[53] => C:\wwwroot\www.citycy.com\data\cache\modelField_21.php
[54] => C:\wwwroot\www.citycy.com\include\Field.class.php
[55] => C:\wwwroot\www.citycy.com\include\field\CatidField.class.php
[56] => C:\wwwroot\www.citycy.com\include\field\TitleField.class.php
[57] => C:\wwwroot\www.citycy.com\include\field\InputField.class.php
[58] => C:\wwwroot\www.citycy.com\include\field\ThumbField.class.php
[59] => C:\wwwroot\www.citycy.com\include\field\AttrField.class.php
[60] => C:\wwwroot\www.citycy.com\include\field\TextareaField.class.php
[61] => C:\wwwroot\www.citycy.com\include\field\EditorField.class.php
[62] => C:\wwwroot\www.citycy.com\include\Keylink.function.php
[63] => C:\wwwroot\www.citycy.com\include\field\BoxField.class.php
[64] => C:\wwwroot\www.citycy.com\include\field\TagField.class.php
[65] => C:\wwwroot\www.citycy.com\include\field\DatetimeField.class.php
[66] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Util\Template\TemplateSmarty.class.php
[67] => C:\wwwroot\www.citycy.com\include\Smarty\Smarty.class.php
[68] => C:\wwwroot\www.citycy.com\data\front\runtime\templates_c\%%F8^F84^F844ADE2%%article_view.html.php
[69] => C:\wwwroot\www.citycy.com\data\front\runtime\templates_c\%%71^714^714F4B17%%header.html.php
[70] => C:\wwwroot\www.citycy.com\include\Smarty\internals\core.load_plugins.php
[71] => C:\wwwroot\www.citycy.com\include\Smarty\internals\core.assemble_plugin_filepath.php
[72] => C:\wwwroot\www.citycy.com\include\tag\function.ffad.php
[73] => C:\wwwroot\www.citycy.com\data\ads\ad_1.php
[74] => C:\wwwroot\www.citycy.com\include\Ad.class.php
[75] => C:\wwwroot\www.citycy.com\data\front\runtime\templates_c\%%80^806^80621A61%%footer.html.php