400-028-6601
建站资讯

网站建设资讯

为你提供网站建设行业资讯、网站优化知识、主机域名邮箱、网站开发常见问题等。
当前位置：首页 - 全部资讯

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>
            URL地址：<a href="http://www.hnjierui.cn/article/gepdse.html">http://www.hnjierui.cn/article/gepdse.html</a>
        </div>
    </div>
    <div class="other">
        <h3>其他资讯</h3>
        <ul>
            <li>
                    <a href="/article/sssojg.html">敏姐姐短视频运营</a>
                </li><li>
                    <a href="/article/sssops.html">四川如何在家做短视频营销推广,短视频如何进行推广</a>
                </li><li>
                    <a href="/article/sssohg.html">抖音账号代运营代理(抖音账号服务商分为哪些类型，怎么申请呢？)</a>
                </li><li>
                    <a href="/article/sssopo.html">云南抖音代运营服务哪家强</a>
                </li><li>
                    <a href="/article/sssogo.html">短视频运营的概念（短视频运营的概念是什么）</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">做网站送推广</a>
                    <a class="link">服务巴中众多客户</a>
                    <a class="link">项目检测具体全面</a>
                    <a class="link">技术研发能力强劲</a>
                    <a class="link">深度符合SEO优化</a>
                    <a class="link">巴中网站设计制作</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">
                        巴州区佛阳居委会六组5号楼2楼2号
                        <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.cdbadian.cn/" title="八点广告" target="_blank">八点广告</a><a href="http://chengdu.cdxwcx.cn/wangzhan/" title="手机网站制作" target="_blank">手机网站制作</a><a href="http://www.cxjianzhan.com/" title="成都app软件开发" target="_blank">成都app软件开发</a><a href="http://www.syruijie.cn/" title="syruijie.cn" target="_blank">syruijie.cn</a><a href="http://chengdu.cdcxhl.cn/qiye/" title="企业网站设计" target="_blank">企业网站设计</a><a href="https://www.cdcxhl.com/mianfei/jianzhan/chengdu.html" title="成都免费自助建站" target="_blank">成都免费自助建站</a><a href="http://www.cdky.com.cn/" title="凯亚自动化控制" target="_blank">凯亚自动化控制</a><a href="http://www.clwzsj.com/" title="成都食品包装设计" target="_blank">成都食品包装设计</a><a href="http://www.jtfdjzy.com/" title="jtfdjzy.com" target="_blank">jtfdjzy.com</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>