HTML5的语法

小编给大家分享一下HTML5的语法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

乌拉特中网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作，到程序开发，运营维护。创新互联从2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

HTML5语法

大部分延续了html的语法不同之处：开头的

字符编码变得简洁，

不区分大小写，

添加了布尔值，类似checked，selected

引号可以省略，但是编码规范来说，不建议，

有可以省略结束符的标签，和完全省略的标签应用。

增加标签：

1、结构标签

（1）section：独立内容区块，可以用h2~h7组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分；（2）article：特殊独立区块，表示这篇页眉中的核心内容；（3）aside：标签内容之外与标签内容相关的辅助信息；（4）header：某个区块的头部信息/标题；（5）hgroup：头部信息/标题的补充内容；（6）footer：底部信息；（7）nav：导航条部分信息（8）figure：独立的单元，例如某个有图片与内容的新闻块。

2、表单标签

（1）email：必须输入邮件；（2）url：必须输入url地址；（3）number：必须输入数值；（4）range：必须输入一定范围内的数值；（5）Date Pickers：日期选择器；

a.date：选取日、月、年 b.month：选取月、年 c.week：选取周和年 d.time：选取时间（小时和分钟） e.datetime：选取时间、日、月、年（UTC时间） f.datetime-local：选取时间、日、月、年（本地时间）

（6）search：搜索常规的文本域；

（7）color：颜色

3、媒体标签

（1）video：视频（2）audio：音频（3）embed：嵌入内容（包括各种媒体），Midi、Wav、AU、MP3、Flash、AIFF等。

4、其他功能标签

（1）mark：标注（像荧光笔做笔记）（2）progress：进度条；（3）time：数据标签，给搜索引擎使用；发布日期9：00更新日期4:00 （4）ruby和rt：对某一个字进行注释；注释内容浏览器不支持时如何显示（5）wbr：软换行，页面宽度到需要换行时换行；（6）canvas：使用JS代码做内容进行图像绘制；（7）command：按钮；（8）deteils ：展开菜单；（9）dateilst：文本域下拉提示；（10）keygen:加密；

新增的属性：

对于js进行添加的属性。

如果没有以上两个属性的话，执行顺序为先加载（下载）第一个src，然后在执行其onload，然后在向下依次同步执行defer属性在h6之前就已经有了，输入延迟加载（推迟执行），它会先加载（下载）src中文件内容，然后等页面全部加载完成后，再加载onload中js.async属性属于异步加载，它会在加载src后，立即执行onload,同时还会继续加载页面以上执行顺序，alert显示会先显示b然后再显示a

网页中标签中加入小图标的样式代码

有序列表ol:新增start（列表起始值），reversed（是否倒置）menu菜单type属性（3个菜单类型）内嵌css样式：在标签内部来定义一个样式区块（scoped）,只对样式标签内部才有效内嵌框架：iframe元素，新增了seamless无边距无边框，srcdoc定义了内嵌框架的内容

新增属性：
<!--seamless定义框架无边框 无边距-->
<!--srcdoc的显示级别比sandbox高-->
<!--sandbox用来规定一个内嵌框架的安全级别-->
<!--sandbox="allow-forms:允许提交表单"-->
<!--sandbox="allow-origin:允许是相同的源"-->
<!--sandbox="allow-scripts：允许执行脚本"-->
<!--sandbox="allow-top-navigation:允许使外面的页面进行跳转"--></pre><p>manifest属性：</p><p>定义页面需要用到的离线应用文件，一般放在<html>标签里</p><p>charset属性：</p><p>meta属性之一,定义页面的字符集</p><p>sizes属性：</p><p><link>新增属性，当link的rel="icon"时，用以设置图标大小</p><p>base属性:</p><p><base href="http://localhost/" target="_blank">表示当在新窗口打开一个页面时，会将href中的内容作为前缀添加到地址前</p><p>defer属性：</p><p>script标签属性，表示脚本加载完毕后，只有当页面也加载完毕才执行（推迟执行）</p><p>async属性：</p><p>script标签属性，脚本加载完毕后马上执行（运行过程中浏览器会解析下面的内容），即使页面还没有加载完毕（异步执行）</p><p>media属性：</p><p><a>元素属性：表示对何种设备进行优化</p><p>hreflang属性：</p><p><a>的属性，表示超链接指向的网址使用的语言</p><p>ref属性：</p><p><a>的属性,定义超链接是否是外部链接</p><p>reversed属性:</p><p><ol>的属性，定义序号是否倒叙</p><p>start属性：</p><p><ol>的属性，定义序号的起始值</p><p>scoped属性：</p><p>内嵌CSS样式的属性，定义该样式只局限于拥有该内嵌样式的元素，适用于单页开发</p><p>HTML5全局属性：对任意标签都可以使用的，以下6个</p><p>data-yourvalue 、hidden、Spenllecheck、tabindex、contenteditable、desginMode；</p><p>全局属性：</p><p>1.可直接在标签里插入的：data-自定义属性名字； hidden（直接放上去就是隐藏）； spellcheck="true"（语法纠错）； tabindex="1"（Tab跳转顺序）； contenteditable="true"(可编辑状态，单击内容，可修改)； 2.在JavaScript里插入的window.document.designMode = &#39;on&#39;（JavaScript的全局属性，整个页面的文本都可以编辑了）；</p><p>以上是“HTML5的语法”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！</p>            
            
                        <br>
            新闻名称：HTML5的语法            <br>
            文章路径：<a href="http://bjjierui.cn/article/gpsjhg.html">http://bjjierui.cn/article/gpsjhg.html</a>
        </div>
    </div>
    <div class="other">
        <h3>其他资讯</h3>
        <ul>
            <li>
                    <a href="/article/dojpjpi.html">用java实现算法代码 java简单算法</a>
                </li><li>
                    <a href="/article/dojpjod.html">gis展示技术 gis展望</a>
                </li><li>
                    <a href="/article/dojpjpj.html">java中关掉循环的代码 java中关掉循环的代码是什么</a>
                </li><li>
                    <a href="/article/dojpjpo.html">包含vbnet视频剪辑的词条</a>
                </li><li>
                    <a href="/article/dojpjch.html">vb.net结束语句 vba结束语句</a>
                </li>        </ul>
    </div>
</div>
<ul class="kf">
    <li class="kf1"><span class="tela">建站热线：<a href="tel:13518219792" target="_blank">13518219792</a></span></li>
    <li class="kf11"><span  class="weixin"><img src="/Public/Home/images/weixin.jpg" alt="网站建设微信咨询"><br>
    微信扫一扫在线咨询</span> </li>
    <li class="kf5">QQ客服： <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=631063699&amp;site=qq&amp;menu=yes" class="on2" target="_blank" rel="nofollow"><img src="/Public/Home/images/qq.gif" alt="建站业务咨询" title="建站业务咨询"></a> <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=631063699&amp;site=qq&amp;menu=yes" class="on2" target="_blank" rel="nofollow"><img src="/Public/Home/images/qq.gif" alt="网站设计咨询" title="网站设计咨询"></a></li>
    <li class="kf2"><a href="http://www.bjjierui.cn/cases/" target="_blank">案 例</a></li>
    <li class="kf4"><a href="http://www.bjjierui.cn/" target="_blank">价 格</a></li>
    <li class="kf6" title="返回顶部"></li>
</ul>
<div class="footer">
    <div class="footer_2">
        <p>Copyright &#169; 2012-2020 <strong>网创优客信息咨询</strong> 版权所有  蜀ICP备2023009085号-7<br />
            手机:13518219792 QQ:631063699 地址：成都市青羊区锣锅巷31号  邮编:610000 Email:wh@cdxwcx.com<br/>

            成都网络公司-网创优客建站品牌专注<a href="http://www.bjjierui.cn/">成都网站建设</a>、<a href="http://www.bjjierui.cn/">成都网站设计</a>服务，为成都公司建设高品质的网站</p>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){

        $(".kf6").click(function() {
            $('body,html').animate({
                scrollTop : 0
            }, 500);
            return false;
        });

    })
    var bodyhe=$("body").height();
    var winhe=330;
    var bodyf=bodyhe-winhe;
    var bodyft=bodyhe-365;
    window.onscroll = function(){
        var t = document.documentElement.scrollTop || document.body.scrollTop;
        if(t>200){
            $(".kf .kf6").stop().animate({opacity:'1'},200);
        }else{$(".kf .kf6").stop().animate({opacity:'0'},200);}
        if(t>1 && t<winhe){

            $(".header").addClass('no');
            $(".header").removeClass('notwo');

        }else if(t>winhe){
            $(".header").removeClass('no');
            $(".header").addClass('notwo');

        }else{
            $(".header").removeClass('no');
        }
    }
</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>

定制建站费用3500元

品牌网站建设费用6000元

商城网站建设费用8000元

手机微信网站建站3000元

建站知识

HTML5的语法