云锦诚建站，专注安岳网站制作网站设计与营销型网站建设与优化

QQ :532337155
电话：028-86922220
 
安岳网站建设设计

将想法与焦点和您一起共享

HTML5初窥2之新元素

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

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

1.   块元素

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

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

2.   添加新元素

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


  
  
  
    Creating an HTML Element
     
     
  
  
  
  
  
我的第一个标题

  
  
我的第一个段落。

  
  我的第一个新元素
  
  
  

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>            
            
                        <br>
            文章名称：HTML5初窥2之新元素            <br>
            文章网址：<a href="http://scanyue.cn/article/gepdse.html">http://scanyue.cn/article/gepdse.html</a>
        </div>
    </div>
    <div class="news_r">
        <h3>其他资讯</h3>
        <ul>
            <li>
                    <a href="/article/dspdceg.html">SAP有没有模具管理系统的简单介绍</a>
                </li><li>
                    <a href="/article/dspdcoc.html">单片机c51语言函数 c51单片机编程语言</a>
                </li><li>
                    <a href="/article/dspdcgc.html">C语言函数的链表变量 c语言中链表</a>
                </li><li>
                    <a href="/article/dspdces.html">java打完代码怎么保存 java打完代码怎么保存到文件</a>
                </li><li>
                    <a href="/article/dspddgp.html">Java歌手大赛代码 歌手比赛系统源代码加说明</a>
                </li>        </ul>
    </div>
</div>
<!--尾部begin-->
<!--尾部begin-->
<footer>
    <div class="f_bg">
        <div class="wrap">
            <div class="links">
                <h2 class="h2">云锦诚建站解决方案<a href="../solution/" title="更多" class="more">更多+</a></h2>
                <ul>
                    <li><a href="../solution/xiaochengxu.html" title="小程序定制解决方案">小程序定制解决方案</a></li>
                    <li><a href="../solution/qiyewz.html" title="企业网站建设解决方案">企业网站建设解决方案</a></li>
                    <li><a href="../solution/menhuwz.html" title="行业门户网站建设解决方案">行业门户网站建设解决方案</a></li>
                    <li><a href="../solution/yingxiaowz.html" title="营销型网站建设解决方案">营销型网站建设解决方案</a></li>
                    <li><a href="../solution/waimaowz.html" title="外贸网站建设解决方案">外贸网站建设解决方案</a></li>
                    <li><a href="../solution/pingpaiwz.html" title="品牌形象网站建设解决方案">品牌形象网站建设解决方案</a></li>
                    <li><a href="../solution/dianziwz.html" title="数码、电子产品网站建设解决方案">数码、电子产品网站建设解决方案</a></li>
                    <li><a href="../solution/jituanwz.html" title="集团、上市企业网站建设解决方案">集团、上市企业网站建设解决方案</a></li>
                    <li><a href="../solution/dichanwz.html" title="房地产、地产项目网站建设解决方案">房地产、地产项目网站建设解决方案</a></li>
                    <li><a href="../solution/zhubaowz.html" title="珠宝高端奢侈品网站建设解决方案">珠宝高端奢侈品网站建设解决方案</a></li>
                </ul>
            </div>
            <div class="links w2">
                <h2 class="h2">我们的实力<a href="../about/" title="更多" class="more">更多+</a></h2>
                <ul>
                    <li>多年专业互联网服务经验</li>
                    <li>安岳高端建站设计团队</li>
                    <li>资深行业分析策划</li>
                    <li>B2C营销型网站建设者</li>
                    <li>前沿视觉设计、研发能力</li>
                    <li>前端代码深度符合SEO优化</li>
                    <li>安岳市高新技术企业证书</li>
                    <li>具有完备的项目管理</li>
                    <li>完善的售后服务体系</li>
                    <li>深厚的网络运营经验</li>
                    <li>时刻新技术研发能力</li>
                    <li>16个网站系统软件著作权</li>
                </ul>
            </div>
            <div class="f_div2_r">
                <h2 class="h2">关于云锦诚网站建设<a href="../about/" title="更多" class="more">更多+</a></h2>
                云锦诚网站设计，为客户量身定制各类网站建设业务，包括企业型、电子商务型、行业门户型、品牌建立型等各类网站，实战经验丰富，成功案例众多。以客户利益为出发点，云锦诚网站建设网站制作为客户规划、定制符合企业需求、带有营销价值的建站方案，提供从网站前期定位分析策划到网站界面设计... </div>
            <div class="c_l"></div>
        </div>
        <div class="wrap">
            <div class="link">
                友情链接：
                <a href="http://m.xwcx.net/phone/" title="做手机网站" target="_blank">做手机网站</a>&nbsp;&nbsp;&nbsp;<a href="http://www.whyarui.cn/" title="whyarui.cn" target="_blank">whyarui.cn</a>&nbsp;&nbsp;&nbsp;<a href="http://www.hongxinsd.com/" title="成都喷绘制作" target="_blank">成都喷绘制作</a>&nbsp;&nbsp;&nbsp;<a href="http://www.pingmiansj.com/" title="名片设计" target="_blank">名片设计</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cdhuace.com/biaoshi.html" title="成都标牌标识牌制作公司" target="_blank">成都标牌标识牌制作公司</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cxjianzhan.com/seo/" title="快照排名" target="_blank">快照排名</a>&nbsp;&nbsp;&nbsp;<a href="http://www.bjjinzhi.com/" title="成都广告印刷" target="_blank">成都广告印刷</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdcxhl.com/" title="网站建设" target="_blank">网站建设</a>&nbsp;&nbsp;&nbsp;<a href="http://www.mbwzsj.com/" title="马边网站开发" target="_blank">马边网站开发</a>&nbsp;&nbsp;&nbsp;<a href="http://chengdu.cdcxhl.com/" title="营销型网站建设" target="_blank">营销型网站建设</a>&nbsp;&nbsp;&nbsp;            </div>
        </div>
        <div class="wrap">
            <div class="f_div3"> <span class="l">安岳网站建设案例©2025 成都云锦诚科技有限公司  安岳建站云锦诚 版权所有  | <a href="http://www.scanyue.cn/" target="_blank">安岳网站设计</a><a href="http://www.scanyue.cn" target="_blank">www.scanyue.cn</a></span> <span class="r"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2024117194号-9</a></span> </div>
        </div>
    </div>
</footer>
<!--尾部end-->
<script language="javascript" src="/Public/Home/js/foot.js"></script>
<!--尾部end-->
<!--侧边栏begin-->
<div class="side">
    <ul>
        <li id="qqonline_xbceo"><a href="tencent://message/?uin=631063699&Site=&Menu=yes"><i class="bgs1"></i>QQ咨询</a></li>
        <li class="shangqiao"><a href="tencent://message/?uin=532337155&Site=&Menu=yes" title="在线咨询">
            <div><i class="bgs2"></i>在线咨询</div>
        </a></li>
        <li class="sideewm"><i class="bgs3"></i>官方微信
            <div class="ewBox"></div>
        </li>
        <li class="sideetel"><i class="bgs4"></i>联系电话
            <div class="telBox">
                <dd class="bgs1"><span>座机</span><a href="tel:028-86922220" target="_blank">028-86922220</a></dd>
                <dd class="bgs2"><span>手机</span><a href="tel:13518219792" target="_blank">13518219792</a></dd>
            </div>
        </li>
        <li class="sidetop" onClick="goTop()" id="sidetop"><i class="bgs6"></i>返回顶部</li>
    </ul>
</div>
<script type="text/javascript">
    $('.sideewm').hover(function(){
        $('.ewBox').stop().fadeIn();
    },function(){
        $('.ewBox').stop().fadeOut();
    });
    $('.sideetel').hover(function(){
        $('.telBox').stop().fadeIn();
    },function(){
        $('.telBox').stop().fadeOut();
    });
</script>
<!-- WPA start -->
<!-- WPA end -->
<!--侧边栏end-->
</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>