每一章中的 HTML5 示例 实例

点击“亲自试一试”来查看该例如何运行。

成都创新互联公司2013年成立，先为河间等服务建站，河间等地企业，进行企业商务咨询服务。为河间企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

什么是 HTML5？

HTML5 是最新的 HTML 标准。

HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。

HTML5 拥有新的语义、图形以及多媒体元素。

HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。

HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。

注释：在下面的章节中，您将学到如何“帮助”老版本的浏览器处理 HTML5。

HTML5 中的新内容？

HTML5 的新的文档类型（DOCTYPE）声明非常简单：

The new character encoding (charset) declaration is also very simple:

HTML5 实例：

Content of the document......

注释：HTML5 中默认的字符编码是 UTF-8。

HTML5 - 新的属性语法

HTML5 标准允许 4 中不同的属性语法。

本例演示在 标签中使用的不同语法：

类型 示例 Empty Unquoted Double-quoted Single-quoted

在 HTML5 标准中，根据对属性的需求，可能会用到所有 4 种语法。

HTML5 - 新特性

HTML5 的一些最有趣的新特性：

新的语义元素，比如

,

HTML5 - 被删元素

以下 HTML 4.01 元素已从 HTML5 中删除：

<strike><tt></div> <br> 本文名称：HTML5简介-4.1HTML5 <br> 本文路径：<a href="http://www.whjierui.cn/article/dghhdoi.html">http://www.whjierui.cn/article/dghhdoi.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/ijoses.html">关于java培训和java自学</a> </li><li> <a href="/article/ijosip.html">如何解决网站不收录的问题</a> </li><li> <a href="/article/ijosds.html">Linux中free命令有什么用</a> </li><li> <a href="/article/ijosih.html">c语言链表的概念是什么</a> </li><li> <a href="/article/ijosid.html">Ruby标识名使用规范有哪些</a> </li> </ul> </div> </div> <footer> <div class="foot-top"> <ul> <li> <div class="title">关于美图云海</div> <div class="tbox"> <div class="txt"> 美图云海专注于网站建设、小程序开发， <br /> 用心做好每一个网站，懂您所需、做您所想！ <br /> 我们比其他网络公司做的更好、做的更多， <br /> 为客户创造更大的价值，让客户更省心! </div> <a rel="nofollow" href="javascript:;" class="more">MORE</a> </div> </li> <li> <div class="title">相关专题</div> <div class="tbox"> <a href="javascript:;" class="link">企业官网定制</a> <a href="javascript:;" class="link">小程序开发</a> <a href="javascript:;" class="link">品牌网站设计</a> <a href="javascript:;" class="link">网站建设标签</a> <a href="javascript:;" class="link">乐山网站建设</a> <a href="javascript:;" class="link">高端网站设计</a> <a href="javascript:;" class="link">公司做网站</a> </div> </li> <li> <div class="title">凭什么选择我们</div> <div class="tbox"> <a class="link">专业设计团队</a> <a class="link">快速响应服务</a> <a class="link">7个软件著作权</a> <a class="link">已服务3000+客户</a> <a class="link">项目检测具体全面</a> <a class="link">技术研发能力强劲</a> <a class="link">深度符合SEO优化</a> <a class="link">15项设计奖项</a> <a class="link">完善的制作流程</a> <a class="link">售后服务让您省心</a> </div> </li> <li> <div class="title">网站设计案例</div> <div class="tbox"> <ul> <li> <a href="javascript:;" target="_blank"> <div class="img"><img src="/Public/Home/images/gebaili.jpg" alt="哥百利" /> </div> <div class="tboxs"> <div class="t1">哥百利</div> <div class="t2">家具研发、设计、生产、服务为一体的专业实木家具订做企业</div> </div> </a> </li> <li> <a href="javascript:;" target="_blank"> <div class="img"><img src="/Public/Home/images/cdshujin.jpg" alt="蜀锦在线" /></div> <div class="tboxs"> <div class="t1">蜀锦在线</div> <div class="t2">汽车行业网站建设</div> </div> </a> </li> </ul> </div> </li> </ul> </div> <div class="foot-center"> <ul> <li> <div class="f-ewm"><img alt="美图云海微信公众号" src="/Public/Home/images/ewm.jpg" /></div> <div class="tbox ewm"> <div class="t1">扫一扫关注</div> <div class="t2">专业团队为您解答</div> </div> </li> <li> <div class="tbox tel"> <div class="t1">电话/邮箱</div> <div class="t2">400-028-6601 / 028-86922220<br>631063699@qq.com</div> </div> </li> <li> <div class="tbox sz"> <div class="t1">成都（总部）</div> <div class="t2">成华区 双林路22号仁禾商务楼5F<br> 大客户专线：13518219792 </div> </div> </li> <li> <div class="tbox gz"> <div class="t1">网站建设（乐山站）</div> <div class="t2"> 乐山市市中区瑞祥路一段1507号 <br /> 028-86922220 </div> </div> </li> </ul> </div> <div class="foot-button"> <div class="link-box" style="width:100%;float:none;"> <div class="a-box"></div> <div style="border-top:1px solid #ebebeb;font-size:12px;color:#666666;line-height:2;padding-top:20px;margin-top:20px;"> 业务范围包括企业网站建设、商城系统开发、品牌网站设计、旅游网站制作、英文外贸网站、教育培训门户网站开发、微信手机移动端开发、响应式网站建设、微信小程序开发、APP定制和其他类型网站定制等。 <br>服务区域包括成都市锦江区、青羊区、武侯区、金牛区、成华区、龙泉驿、温江、新都、高新区、成都市以及全国各地接受异地服务商的公司企业或者机构。 <br> <div class="a-box"><span><b>友情链接</b></span> <a href="http://www.4006tel.net/mobile/" title="APP定制" target="_blank">APP定制</a><a href="http://www.ptjierui.cn/" title="ptjierui.cn" target="_blank">ptjierui.cn</a><a href="http://cqruizhi.cn/" title="成都KT板广告定制" target="_blank">成都KT板广告定制</a><a href="https://www.cdxwcx.com/jifang/zongshu.html" title="成都棕树电信机房" target="_blank">成都棕树电信机房</a><a href="https://www.cdcxhl.com/city/chengdu.html" title="四川成都网站建设" target="_blank">四川成都网站建设</a><a href="http://www.cdmintian.com/" title="成都珉田数据中心" target="_blank">成都珉田数据中心</a><a href="http://www.gddkgd.com/" title="图文广告制作" target="_blank">图文广告制作</a><a href="http://www.ptruijie.cn/" title="ptruijie.cn" target="_blank">ptruijie.cn</a><a href="http://www.gzruizhi.cn/" title="宜宾冠赛网站" target="_blank">宜宾冠赛网站</a><a href="http://www.cdkjz.cn/wangzhan/menhu/" title="成都门户网站建设" target="_blank">成都门户网站建设</a> </div> </div> <div class="copyright">&copy;2025 青羊区美图云海设计工作室（个体工商户）乐山站&nbsp;&nbsp; 蜀ICP备19037934号</div> </div> </div> </footer> <div class="fixed-contact-wrap show"> <ul class="item-list clearfix"> <li class="phone"> <a rel="nofollow" target="_blank" href="tel:028-86922220"><i class="icon"></i><strong>028-86922220</strong></a> </li> <li class="qq"> <a rel="nofollow" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes"><i class="icon"></i><strong>&nbsp;244261566</strong></a> </li> <li class="back-top"> <a href="#" rel="nofollow" class="back-to-top"><i class="icon"></i><strong>&nbsp;回到顶部</strong></a> </li> </ul> </div> <script type="text/javascript"> //右侧联系我们悬浮窗 $(".fixed-contact-wrap").hover(function () { $(this).addClass("active"); }, function () { $(this).removeClass("active"); }) function show_phone_menu() { $(".right-side ul").toggle(); } </script> </body> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>