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://dzwzjz.com/article/gepdse.html">http://dzwzjz.com/article/gepdse.html</a>
            </div>
        </div>
        <div class="othernews">
            <h3>其他资讯</h3>
            <div class="othernews_list">
                <ul>
                    <li>
                            <a href="/article/dcdihic.html">腾讯云服务器可以搭建梯子 腾讯云服务器能搭建v2ray吗</a>
                        </li><li>
                            <a href="/article/dcdihid.html">php批量提交数据 php批量上传文件</a>
                        </li><li>
                            <a href="/article/dcdihjo.html">笔记本域名怎么看 笔记本域名怎么查</a>
                        </li><li>
                            <a href="/article/dcdihej.html">go语言替代品 go语言替代c</a>
                        </li><li>
                            <a href="/article/dcdihec.html">c语言求解目标函数最优解 求目标函数的最值</a>
                        </li>                </ul>
            </div>
        </div>
    </div>
</div>

<div class="footer">
    <div class="footer_content">
        <div class="footer_content_top clear">
            <div class="content_top_share fl">
                <div><img src="/Public/Home/img/logo.png"></div>
                <div class="top_share_content">
                    <dd>分享至：</dd>
                    <dt class="bdsharebuttonbox clear" id="share">
                        <a href="#" class="bds_tsina iconfont fl" data-cmd="tsina" title="分享到新浪微博">&#xe632;</a>
                        <a href="#" class="bds_sqq iconfont fl" data-cmd="sqq" title="分享到QQ好友">&#xe663;</a>
                        <a href="#" class="bds_weixin iconfont fl" data-cmd="weixin" title="分享到微信">&#xe603;</a>
                        <a href="#" class="bds_weixin iconfont fl" data-cmd="tieba" title="分享到贴吧">&#xe683;</a>
                    </dt>
                    <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
                </div>
            </div>
            <div class="content_top_left fl clear">
                <div class="top_left_list fl">
                    <dd><a href="/about/">关于我们</a></dd>
                    <dt>
                        <a href="/about/#gsjj">公司简介</a>
                        <a href="/about/#fzlc">发展历程</a>
                    </dt>
                </div>
                <div class="top_left_list fl">
                    <dd><a href="/service/">服务项目</a></dd>
                    <dt>
                        <a href="/service/">高端网站建设</a>
                        <a href="/miniprogram/">小程序开发</a>
                        <a href="/service/app.html">APP开发</a>
                        <a href="/service/yingxiao.html">网络营销</a>
                    </dt>
                </div>
                <div class="top_left_list fl">
                    <dd><a href="/jianzhan/">建站知识</a></dd>
                    <dt>
                        <a href="/jianzhan/">行业新闻</a>
                        <a href="/jianzhan/">建站学堂</a>
                        <a href="/jianzhan/">常见问题</a>
                    </dt>
                </div>
                <div class="top_left_list fl">
                    <dd><a href="/contact/">联系我们</a></dd>
                    <dt>
                        <a href="/contact/#lxwm">公司地址</a>
                        <a href="/contact/#rczp">人才招聘</a>
                    </dt>
                </div>
            </div>
            <div class="content_top_right addressR fr">
                <div class="top_right_title addressf_title">
                    <a href="javascript:;" class="on">成都</a>
                    <a href="javascript:;">达州</a>
                </div>
                <div class="top_right_content addressf">
                    <div class="right_content_li on">
                        <div class="right_content_list clear">
                            <dd class="fl iconfont">&#xe62c;</dd>
                            <dt class="fl">电话：028-86922220</dt>
                        </div>
                        <div class="right_content_list clear">
                            <dd class="fl iconfont">&#xe604;</dd>
                            <dt class="fl">地址：成都市太升南路288号锦天国际A幢1002号</dt>
                        </div>
                    </div>
                    <div class="right_content_li">
                        <div class="right_content_list clear">
                            <dd class="fl iconfont">&#xe62c;</dd>
                            <dt class="fl">电话：028-86922220</dt>
                        </div>
                        <div class="right_content_list clear">
                            <dd class="fl iconfont">&#xe604;</dd>
                            <dt class="fl">地址：达州市南岸区弹子石腾龙大道58号2栋21-6</dt>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="link">
            友情链接：
            <a href="https://www.cdcxhl.cn/
" title="腾讯云香港空间" target="_blank">腾讯云香港空间</a>&nbsp;&nbsp;&nbsp;<a href="http://chengdu.cdcxhl.cn/seo/" title="成都网站推广" target="_blank">成都网站推广</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdcxhl.com/mianfei/zuo/chengdu.html" title="成都免费做网站公司" target="_blank">成都免费做网站公司</a>&nbsp;&nbsp;&nbsp;<a href="http://www.4006tel.net/mobile/" title="手机APP开发" target="_blank">手机APP开发</a>&nbsp;&nbsp;&nbsp;<a href="https://www.xwcx.net/zuyong.html" title="成都主机租用" target="_blank">成都主机租用</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdxwcx.com/jifang/mianyang.html" title="绵阳科技城电信IDC机房" target="_blank">绵阳科技城电信IDC机房</a>&nbsp;&nbsp;&nbsp;<a href="https://www.scvps.cn/" title="租用服务器" target="_blank">租用服务器</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cdhuace.com/fuwu.html" title="名片印刷厂" target="_blank">名片印刷厂</a>&nbsp;&nbsp;&nbsp;<a href="http://www.36103.cn/baojia/" title="网站设计制作报价" target="_blank">网站设计制作报价</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cdfuwuqi.com/jigui/" title="成都机柜租用" target="_blank">成都机柜租用</a>&nbsp;&nbsp;&nbsp;        </div>
    </div>
    <div class="footer_content_copyright clear">版权所有：青羊区大橙子信息咨询工作室
        <a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">蜀ICP备2022028542号-14</a>
    </div>
</div>

<!--浮窗-->
<div class="FloatingWindow clear">
    <a href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="FloatingWindow_list fr">
        <div class="FloatingWindow_list_title">
            <dd class="iconfont">&#xe675;</dd>
            <dt><span>在线</span>咨询</dt>
        </div>
    </a>
    <a href="javascript:;" class="FloatingWindow_list fr">
        <div class="FloatingWindow_list_title">
            <dd class="iconfont">&#xe619;</dd>
            <dt>服务热线</dt>
        </div>
        <div class="FloatingWindow_list_down fadeInRight animated">服务热线：028-86922220</div>
    </a>
    <a href="javascript:;" class="FloatingWindow_list fr STop">
        <div class="FloatingWindow_list_title">
            <dd class="iconfont">&#xe628;</dd>
            <dt>TOP</dt>
        </div>
    </a>
</div>

<script src="/Public/Home/js/jquery-1.8.3.min.js"></script>
<script src="/Public/Home/js/comm.js"></script>
<script src="/Public/Home/js/wow.js"></script>
<script src="/Public/Home/js/common.js"></script>
</body>
</html>
<script>
    $(".cont 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>

大橙子网站建设，新征程启航

HTML5初窥2之新元素

我的第一个标题