这篇文章将为大家详细讲解有关HTML5初窥2之新元素，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

在开江等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站建设、成都做网站 网站设计制作按需开发,公司网站建设,企业网站建设,成都品牌网站建设,全网营销推广,成都外贸网站建设公司,开江网站建设费用合理。

1.   块元素

HTML5定义了8个新的HTML语义（semantic）元素，这些元素都是块级元素。为了能让旧版本的浏览器正确显示这些元素，可以设置CSS的display属性为block：

header, section, footer, aside, nav, main, article,figure{
 display: block;
}

2.   添加新元素

向HTML添加的新的元素，并为该元素定义样式，元素名为：

  
  
  
    
     
     
  
  
  
  
  
我的第一个标题
  
  
我的第一个段落。
  
  我的第一个新元素
  
  
  

3.   多媒体元素

标签	描述
	定义音频内容
	定义视频（video 或者 movie）
	定义多媒体资源
	定义嵌入的内容，比如插件。
	为诸如

4.   画布元素

标签定义图形，比如图表和其他图像。该标签基于 JavaScript的绘图 API

5.   新表单元素

标签	描述
	定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
	规定用于表单的密钥对生成器字段。
	定义不同类型的输出，比如脚本的输出。

6.   新的语义和结构元素

标签	描述
	定义页面的侧边栏内容
	定义页面内容之外的内容。
	允许您设置一段文本，使其脱离其父元素的文本方向设置。
	定义命令按钮，比如单选按钮、复选框或按钮
	用于描述文档或文档某个部分的细节
	定义对话框，比如提示框
	标签包含 details 元素的标题
	规定独立的流内容（图像、图表、照片、代码等等）。
	定义 元素的标题
	定义 section 或 document的页脚。
	定义了文档的头部区域
	定义带有记号的文本。
	定义度量衡。仅用于已知大和最小值的度量。
	定义运行中的进度（进程）。
	定义任何类型的任务的进度。
	定义 ruby 注释（中文注音或字符）。
	定义字符（中文注音或字符）的解释或发音。
	在 ruby 注释中使用，定义不支持 ruby元素的浏览器所显示的内容。
	定义文档中的节（section、区段）。
	定义日期或时间。
	规定在文本中的何处适合添加换行符。

7.   已移除的元素

在HTML5中不再使用，已经被删除。

·    
·    
·    
·    
·    
·    
·    
·    
·    
·    
·&nbsp;&nbsp;&nbsp;&nbsp;<strike>
·&nbsp;&nbsp;&nbsp;&nbsp;<tt></pre><p>关于“HTML5初窥2之新元素”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。</p><p align=center>另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、<a href="https://www.cdcxhl.com/gaofang/" target="_blank">高防服务器</a>、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。</p>            <br>
            网站名称：HTML5初窥2之新元素-创新互联            <br>
            转载来于：<a href="https://xinyudec.cn/article/dhospc.html">https://xinyudec.cn/article/dhospc.html</a>
        </div>
    </div>
    <div class="other">
        <h3>其他资讯</h3>
        <ul>
            <li>
                    <a href="/article/cioicd.html">独立ip虚拟主机有什么优势?</a>
                </li><li>
                    <a href="/article/cpchoi.html">SPC-Dalston笔记</a>
                </li><li>
                    <a href="/article/epjegi.html">app的基本功能有哪些，App具备哪些功能</a>
                </li><li>
                    <a href="/article/jepihg.html">css中display、float、position有什么用</a>
                </li><li>
                    <a href="/article/hesohi.html">linux网卡重起命令,重启网卡的命令linux7</a>
                </li><li>
                    <a href="/article/hjsdhi.html">怎么卸载oracle目录 如何完全卸载oracle数据库</a>
                </li><li>
                    <a href="/article/dddgisg.html">腾讯云服务器优惠政策 腾讯云服务器最低价格</a>
                </li><li>
                    <a href="/article/diepgcg.html">mysql锁表了怎么办 mysql 锁表</a>
                </li><li>
                    <a href="/article/djojhso.html">Web必备：30款超棒JS类库和工具分享</a>
                </li><li>
                    <a href="/article/ccessio.html">美国服务器更换IP要注意哪些事项</a>
                </li>        </ul>
    </div>
</div>
</div>
<footer>
    <div class="footop">
        <div class="wrap">
            <div class="bottomrpw">
                <div class="erp arp">
                    <dl>
                        <dt>ADDRESS</dt>
                        <dd class="address"> <i class="icon"></i> <span class="word">成都市青羊区锦天国际1号楼1002室</span> </dd>
                    </dl>
                </div>
                <div class="erp arp">
                    <dl>
                        <dt>TEL</dt>
                        <dd class="phonum"> <i class="icon"></i> <span class="word en"> <a href="tel:18980820575">18980820575</a> </span> </dd>
                    </dl>
                </div>
                <div class="erp crp">
                    <dl>
                        <dt>OTHER</dt>
                        <dd> <a class="word get-quote" href="http://www.cdkjz.cn/fangan/">获得报价与方案</a> </dd>
                        <dd> <a href="https://www.cdxwcx.com/pay/" target="_blank" class="word" title="付款方式">付款方式</a> </dd>
                    </dl>
                </div>
                <div class="erp code-rp">
                    <dl>
                        <dt>Wechat</dt>
                        <dd class="code-wrap"> <span class="code"> <img src="/Public/Home/images/qr-code.jpg" alt="新宇德琛微信公众号" /> </span> </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <div class="footerbot">
        <div class="friendlinks">
            <div class="wrap">
                <ul class="rpl">
                    <li><a href="https://www.cdcxhl.cn/" title="成都主机托管" target="_blank">成都主机托管</a></li><li><a href="http://www.scjierui.cn/" title="四川网站建设" target="_blank">四川网站建设</a></li><li><a href="http://www.uzrci.com/" title="成都五金配件" target="_blank">成都五金配件</a></li><li><a href="http://www.shanyounet.com/" title="大悟县劳保手套" target="_blank">大悟县劳保手套</a></li><li><a href="http://www.gswangzhan.com/" title="网站外包维护" target="_blank">网站外包维护</a></li><li><a href="https://www.cdxwcx.com/city/qionglai/" title="邛崃做网站" target="_blank">邛崃做网站</a></li><li><a href="http://www.ueoby.com/" title="康明斯发电机维修" target="_blank">康明斯发电机维修</a></li><li><a href="http://www.lianruivr.com/" title="成都发电机组供应商" target="_blank">成都发电机组供应商</a></li><li><a href="http://www.fbnzlw.com/" title="成都发电机出租" target="_blank">成都发电机出租</a></li><li><a href="http://www.ysfdjzl.com" title="营山柴油发电机租赁" target="_blank">营山柴油发电机租赁</a></li>                </ul>
            </div>
        </div>
        <div class="wrap">
            <div class="copyright"> <span class="en">©2007-2026</span> 成都新宇德琛机电有限公司 <span class="en">ALL RIGHTS
                        RESERVED.</span> <a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备2025128472号</a> </div>
        </div>
    </div>
</footer>
<div class="fcwrap">
    <ul class="rpl clearfix">
        <li class="phone"> <a rel="nofollow" target="_blank" href="tel:18980820575"> <i class="icon"></i>
            <strong>18980820575</strong> </a> </li>
        <li class="qq"> <a rel="nofollow" target="_blank"
                           href="https://wpa.qq.com/msgrd?v=1&uin=244261566&site=qq&menu=yes"> <i class="icon"></i>
            <strong>244261566</strong> </a> </li>
        <li class="back-top"> <a href="javascript:void(0)" rel="nofollow" class="back-to-top"> <i class="icon"></i>
            <strong>回到顶部</strong> </a> </li>
    </ul>
</div>
<!--nav-->
<div class="n-Wrap">
    <div class="navBar visble show">
        <div class="barlogo">
            <a href="/" rel="nofollow">
                <img src="/Public/Home/images/logo1.png" alt="成都做网站" />
                <img src="/Public/Home/images/logo2.png" alt="成都网站设计" />
            </a>
        </div>
        <div class="bmenu">
            <i class="bar-top"><span></span></i>
            <i class="bar-cen"><span></span></i>
            <i class="bar-bom"><span></span></i>
            <i class="bar-left"><span></span></i>
            <i class="bar-right"><span></span></i>
        </div>
    </div>
    <section class="fixmenu">
        <div class="close-bar">
            <i class="bar-left"><span></span></i>
            <i class="bar-right"><span></span></i>
        </div>
        <nav class="smph">
            <ul>
                <li class="index-hrefs on"><a href="http://www.xinyudec.cn/" title="网站首页"><font>首页</font></a></li>
                <li><a href="/about/" rel="nofollow"><font>关于我们</font></a></li>
                <li><a href="/service/" rel="nofollow"><font>网站建设</font></a></li>
                <li><a href="/case/" rel="nofollow"><font>网站案例</font></a></li>
                <li><a href="/solve/" rel="nofollow"><font>网站方案</font></a></li>
                <li><a href="/news/" rel="nofollow"><font>建站知识</font></a></li>
                <li><a href="/contact/" rel="nofollow"><font>联系新宇德琛</font></a></li>
            </ul>
            <div class="pwrap">
                <span class="label">建站热线</span>
                <strong class="phone"><a href="tel:18980820575">18980820575</a></strong>
            </div>
        </nav>
    </section>
</div>
<!--end nav-->
<script src="/Public/Home/js/hotcss.js"></script>
<script type="text/javascript" src="/Public/Home/js/su_new.js"></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>