{"id":68,"date":"2023-06-11T15:15:13","date_gmt":"2023-06-11T07:15:13","guid":{"rendered":"http:\/\/pro369.com\/Website_Design\/?p=68"},"modified":"2020-11-01T23:57:00","modified_gmt":"2020-11-01T15:57:00","slug":"%e4%bb%80%e9%ba%bc%e6%98%afhtml5%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/por.tw\/Website_Design\/%e4%bb%80%e9%ba%bc%e6%98%afhtml5%ef%bc%9f\/","title":{"rendered":"\u4ec0\u9ebc\u662fHTML5\uff1f"},"content":{"rendered":"<p><span style=\"font-size: medium;\"><span style=\"background-color: #ffff00;\"><strong>\u4ec0\u9ebc\u662fHTML5\uff1f<\/strong><\/span><\/span><br \/>\n<span style=\"font-size: medium;\">HTML5\u8349\u6848\u7684\u524d\u8eab\u540d\u70baWeb Applications 1.0\u3002<br \/>\n\u65bc2004\u5e74\u88abWHATWG\u63d0\u51fa\uff0c\u65bc2007\u5e74\u88abW3C\u63a5\u7d0d\uff0c\u4e26\u6210\u7acb\u4e86\u65b0\u7684HTML\u5de5\u4f5c\u5718\u968a\u3002<br \/>\n\u57282008\u5e741\u670822\u65e5\uff0c\u7b2c\u4e00\u4efd\u6b63\u5f0f\u8349\u6848\u5df2\u516c\u4f48\uff0c\u9810\u8a08\u5c07\u57282010\u5e749\u6708\u6b63\u5f0f\u5411\u516c\u773e\u63a8\u85a6\u3002<\/span><br \/>\n<span style=\"font-size: medium;\"><span style=\"color: #0000ff;\"><strong>HTML 5\u6709\u5169\u5927\u7279\u9ede\uff1a<\/strong><\/span><\/span><br \/>\n<span style=\"font-size: medium;\"><strong>1. \u5f37\u5316\u4e86Web\u7db2\u9801\u7684\u8868\u73fe\u6548\u80fd\u3002<br \/>\n\u9664\u4e86\u53ef\u63cf\u7e6a\u4e8cD\u5716\u5f62\u5916\uff0c\u9084\u6e96\u5099\u4e86\u7528\u65bc\u64ad\u653e\u8996\u8a0a\u548c\u97f3\u8a0a\u7684\u6a19\u7c64\u3002<\/strong><\/span><br \/>\n<span style=\"font-size: medium;\"><strong>2. \u8ffd\u52a0\u4e86\u672c\u5730\u8cc7\u6599\u5eab\u7b49Web\u61c9\u7528\u7684\u529f\u80fd\u3002<br \/>\nHTML 5 \u4e26\u975e\u50c5\u50c5\u7528\u4f86\u8868\u793a Web \u5167\u5bb9\uff0c\u5b83\u7684\u4f7f\u547d\u662f\u5c07 Web \u5e36\u5165\u4e00\u500b\u6210\u719f\u7684\u61c9\u7528\u5e73\u53f0<br \/>\n\u5728\u9019\u500b\u5e73\u53f0\u4e0a\uff0c\u8996\u8a0a\uff0c\u97f3\u8a0a\uff0c\u5716\u50cf\uff0c\u52d5\u756b\uff0c\u4ee5\u53ca\u540c\u96fb\u8166\u7684\u4e92\u52d5\u90fd\u88ab\u6a19\u6e96\u5316\u3002<\/strong><\/span><br \/>\n<span style=\"color: #008000;\"><strong><span style=\"font-size: medium;\">\u628a\u4ee5\u4e0b\u5f15\u7528\u4e2d\u7684\u4ee3\u78bc\u8907\u88fd\u8cbc\u4e0a\u5230\u6587\u5b57\u6a94\u6848\u88e1\uff0c\u7136\u5f8c\u547d\u540d\u70bahtml5.html\u5373\u53ef<br \/>\n<span style=\"color: #ff00ff;\">\u4f60\u7684\u700f\u89bd\u5668\u9700\u8981\u652f\u63f4html5<\/span><\/span><\/strong><\/span><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/por.tw\/Website_Design\/wp-content\/uploads\/2019\/08\/Website-Design-earning-money-01-650x433.jpg\" alt=\"\" class=\"alignnone size-medium wp-image-365\" width=\"650\" height=\"433\" \/><br \/>\n<span style=\"font-size: medium;\">\u00a0\u00a0\u00a0 &lt;!doctype html&gt;&lt;!&#8211; simplified doctype works for all previous versions of HTML as well \u2013&gt;<br \/>\n&lt;!&#8211; http:\/\/shandian.biz\/ &#8211;&gt;<br \/>\n&lt;!&#8211; Paul Irish&#8217;s technique for targeting IE, modified to only target IE6, applied to the html element instead of body &#8211;&gt;<br \/>\n&lt;!&#8211;[if lt IE 7 ]&gt;<\/span><br \/>\n<span style=\"font-size: medium;\"><!--[endif]--&gt;<br \/--> \u00a0\u00a0\u00a0 &lt;!&#8211;[if (gt IE 6)|!(IE)]&gt;<\/span><span style=\"font-size: medium;\"><!--<![endif]--&gt;\n&nbsp;&nbsp;&nbsp; &lt;head&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- simplified character encoding --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;meta charset=&quot;utf-8&quot;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;title&gt;Easy HTML5 Template&lt;\/title&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;meta name=&quot;description&quot; content=&quot;Easy HTML5 Template&quot;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;meta name=&quot;author&quot; content=&quot;&quot;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- Delete these two icon references once you&#39;ve placed them in the root directory with these file names --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- favicon 16x16 --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;link rel=&quot;shortcut icon&quot; href=&quot;\/favicon.ico&quot;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- apple touch icon 57x57 --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;link rel=&quot;apple-touch-icon&quot; href=&quot;\/apple-touch-icon.png&quot;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- Main style sheet. Change version number in query string to force styles refresh --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- Link element no longer needs type attribute --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;link rel=&quot;stylesheet&quot; href=&quot;css\/screen.css?v=1.0&quot;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- Modernizr for feature detection of CSS3 and HTML5; must be placed in the &quot;head&quot; --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- Script tag no longer needs type attribute --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;script src=&quot;js\/modernizr-1.6.min.js&quot;&gt;&lt;\/script&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- Remove the script reference below if you&#39;re using Modernizr --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!--[if lt IE 9]&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;script src=&quot;http:\/\/html5shiv.googlecode.com\/svn\/trunk\/html5.js&quot;&gt;&lt;\/script&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;![endif]--&gt;\n&nbsp;&nbsp;&nbsp; &lt;\/head&gt;\n&nbsp;&nbsp;&nbsp; &lt;!-- If possible, use the body as the container --&gt;\n&nbsp;&nbsp;&nbsp; &lt;!-- The &quot;home&quot; class is an example of a dynamic class created on the server for page-specific targeting --&gt;\n&nbsp;&nbsp;&nbsp; &lt;body class=&quot;home&quot;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- ******************************************************************** --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- The content below is for demonstration of some common HTML5 elements&nbsp; --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- More than likely you&#39;ll rip out everything except header\/section\/footer and start fresh --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- First header has an ID so you can give it individual styles, and target stuff inside it --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;header id=&quot;hd1&quot;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- &quot;hgroup&quot; is used to make two headings into one, to prevent a new document node from forming --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;hgroup&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h1&gt;Easy HTML5 Template&lt;\/h1&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h2&gt;tagline&lt;\/h2&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/hgroup&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- Main nav, styled by targeting &quot;#hd1 nav&quot;; you can have more than one nav element per page --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;nav&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;\/a&gt;&lt;\/li&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;About&lt;\/a&gt;&lt;\/li&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Services&lt;\/a&gt;&lt;\/li&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Contact&lt;\/a&gt;&lt;\/li&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/ul&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/nav&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/header&gt;&lt;!-- #hd1 --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- This is the main &quot;div&quot; that wraps the content generically; don&#39;t use &quot;section&quot; for this --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id=&quot;main&quot;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- The first of two &quot;section&quot; elements for demo purposes; optional class added for styling (hs1 = &quot;home section 1&quot;) --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;section class=&quot;hs1&quot;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- Each section should begin with a new h1 (not h2), and optionally a header --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- You can have more than one header\/footer pair on a page --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &amp;\nlt;header&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h1&gt;This is a Page Sub Title&lt;\/h1&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/header&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;Some content...&lt;\/p&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- The h2 below is a sub heading relative to the h1 in this section, not for the whole document --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h2&gt;Demonstrating EM and STRONG&lt;\/h2&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- &quot;strong&quot; is used for SEO and contextual hierarchy --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;&lt;strong&gt;This text will have more importance (SEO-wise and contextually)&lt;\/strong&gt;&lt;\/p&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- &quot;b&quot; is used for stylistic offset of text that&#39;s NOT important contextually --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;&lt;b&gt;This text has visual importance but has no contextual or SEO importance&lt;\/b&gt;&lt;\/p&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- &quot;em&quot; is used for colloquial-s\ntyle emphasis --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;This is a &lt;em&gt;very&lt;\/em&gt; colloquial expression.&lt;\/p&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- There can be multiple footers on each page --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- Secondary headers and footers don&#39;t necesarily need ids; they can be targeted via context (i.e. &quot;.hs1 footer&quot;) --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;footer&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- incite a riot: http:\/\/24ways.org\/2009\/incite-a-riot --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;Author: &lt;cite&gt;Louis Lazaris&lt;\/cite&gt;&lt;\/p&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/footer&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/section&gt;&lt;!-- .hs1 --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- This is another section; doesn&#39;t have header\/footer because it&#39;s not required --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;section class=&quot;hs2&quot;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h1&gt;This is another section&lt;\/h1&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;This is some dummy content&lt;\/p&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/section&gt;&lt;!-- .hs2 --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/div&gt;&lt;!-- #main --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- The &quot;aside&quot; element could be a sidebar (outside an article or section) --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- Or it could reference other tangentially-related content within an article or section --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;aside id=&quot;sidebar&quot;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;Sidebar content&lt;\/p&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/aside&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- The main footer has an ID for targeting, similar to the main header --&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;footer id=&quot;f1&quot;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;copyright ? year&lt;\/p&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/footer&gt;&lt;!-- #f1 --&gt;\n&nbsp;&nbsp;&nbsp; &lt;!-- Remote jQuery with local fallback; taken from HTML5 Boilerplate http:\/\/html5boilerplate.com --&gt;\n&nbsp;&nbsp;&nbsp; &lt;!-- jQuery version might not be the latest; check jquery.com --&gt;\n&nbsp;&nbsp;&nbsp; &lt;script src=&quot;http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.4.4\/jquery.min.js&quot;&gt;&lt;\/script&gt;\n&nbsp;&nbsp;&nbsp; &lt;script&gt;!window.jQuery &amp;&amp; document.write(unescape(&#39;%3Cscript src=&quot;js\/jquery-1.4.4.min.js&quot;%3E%3C\/script%3E&#39;))&lt;\/script&gt;\n&nbsp;&nbsp;&nbsp; &lt;!-- Below is your script file, which has a basic JavaScript design pattern that you can optionally use --&gt;\n&nbsp;&nbsp;&nbsp; &lt;!-- Keep this and plugin scripts at the bottom for faster page load; combining and minifying scripts is recommended --&gt;\n&nbsp;&nbsp;&nbsp; &lt;script src=&quot;js\/general.js&quot;&gt;&lt;\/script&gt;\n&nbsp;&nbsp;&nbsp; &lt;!-- asynchronous analytics code by Mathias Bynens; change UA-XXXXX-X to your own code; http:\/\/mathiasbynens.be\/notes\/async-analytics-snippet --&gt;\n&nbsp;&nbsp;&nbsp; &lt;!-- this can also be placed in the &lt;head&gt; if you want page views to be tracked quicker --&gt;\n&nbsp;&nbsp;&nbsp; &lt;script&gt;\n&nbsp;&nbsp;&nbsp; var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];\n&nbsp;&nbsp;&nbsp; (function(d, t) {\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var g = d.createElement(t),\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; s = d.getElementsByTagName(t)[0];\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; g.async = true;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; g.src = (&#39;https:&#39; == location.protocol ? &#39;https:\/\/ssl&#39; : &#39;http:\/\/www&#39;) + &#39;.google-analytics.com\/ga.js&#39;;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; s.parentNode.insertBefore(g, s);\n&nbsp;&nbsp;&nbsp; })(document, &#39;script&#39;);\n&nbsp;&nbsp;&nbsp; &lt;\/script&gt;\n&nbsp;&nbsp;&nbsp; &lt;\/body&gt;\n&nbsp;&nbsp;&nbsp; &lt;\/html&gt;<\/font>\n--><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4ec0\u9ebc\u662fHTML5\uff1f HTML5\u8349\u6848\u7684\u524d\u8eab\u540d\u70baWeb Applications 1.0\u3002 \u65bc2004\u5e74\u88abWHAT [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":365,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[35],"class_list":["post-68","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-6","tag-35"],"_links":{"self":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/posts\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":0,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/media\/365"}],"wp:attachment":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}