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>
            URL标题：<a href="http://6mz.cn/article/gpsjhg.html">http://6mz.cn/article/gpsjhg.html</a>
        </div>
    </div>
    <div class="other">
        <h3>其他资讯</h3>
        <ul>
            <li>
                    <a href="/article/cdspcs.html">phpcurl获取数据不完整的解决方法-创新互联</a>
                </li><li>
                    <a href="/article/cdsjgd.html">对python多线程与global变量详解-创新互联</a>
                </li><li>
                    <a href="/article/cdsjho.html">pythonzip函数-创新互联</a>
                </li><li>
                    <a href="/article/cdspse.html">CSS伪类如何分类-创新互联</a>
                </li><li>
                    <a href="/article/cdsjgj.html">PHP去掉头尾字符的方法-创新互联</a>
                </li>        </ul>
    </div>
</div>
<footer>
    <div class="message">
        <div class="mess container">
            <p>免费获取网站建设与品牌策划方案报价</p>
            <span>*主要业务范围包括：高端网站建设， 集团网站建设(网站建设网站制作)找网站建设公司就上快上网。</span>
            <form action="">
                <input type="text" class="ipt1" placeholder="联系人">
                <input type="text" class="ipt2" placeholder="联系电话">
                <textarea name="" id=""  placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"></textarea>
                <a href="">提交需求</a>
            </form>
        </div>
    </div>
    <div class="footA">
        <div class="footAs container">
            <ul>
                <h3>联系我们</h3>
                <b>028-86922220</b>
                <li>手机：13518219792</li>
                <li>地址：成都市太升南路288号锦天国际A幢1002号</li>
                <li class="hr1"></li>
                <li>24小时服务热线：400-028-6601</li>
            </ul>
            <ul>
                <h3>网站建设服务</h3>
                <li>网页设计</li>
                <li>网站制作</li>
                <li>网站开发</li>
            </ul>
            <ul>
                <h3>网站推广服务</h3>
                <li>营销网站建设</li>
                <li>百度快速排名</li>
                <li>整站网站推广</li>
            </ul>
            <ul>
                <h3>网站运维服务</h3>
                <li>基础维护</li>
                <li>网站改版</li>
                <li>网站维护</li>
            </ul>
            <ul>
                <h3>FOLLOW US</h3>
                <li class="hr2"></li>
                <li>
                    <dd class="fl"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd>
                    <dd class="fr"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd>
                </li>
            </ul>
        </div>
        <div class="link container">
            友情链接：
            <a href="http://www.wjzwz.com/" title="温江网站制作" target="_blank">温江网站制作</a>&nbsp;&nbsp;&nbsp;<a href="http://chengdu.kswjz.com/" title="成都网站制作" target="_blank">成都网站制作</a>&nbsp;&nbsp;&nbsp;<a href="http://www.gawzjs.com/" title="广安网站制作公司" target="_blank">广安网站制作公司</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdxwcx.com/wangzhan/gaiban.html" title="成都网站改版" target="_blank">成都网站改版</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cdfuwuqi.com/tuoguan/" title="服务器托管" target="_blank">服务器托管</a>&nbsp;&nbsp;&nbsp;<a href="http://www.wjzwz.com/" title="温江网站建设" target="_blank">温江网站建设</a>&nbsp;&nbsp;&nbsp;<a href="http://www.myzwz.com/" title="绵阳网站制作" target="_blank">绵阳网站制作</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdcxhl.com/xiaochengx.html" title="成都小程序开发" target="_blank">成都小程序开发</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cqcxhl.com/" title="重庆企业网站建设" target="_blank">重庆企业网站建设</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdcxhl.com/cloud/" title="云服务器" target="_blank">云服务器</a>&nbsp;&nbsp;&nbsp;        </div>
    </div>
    <div class="footB">
        <div class="container">
            <div class="fl">
                Copyright © 2022  成都快上网科技有限公司     成都网站建设公司-选网站建设公司快上网！国内专业的网站制作公司！
            </div>
            <div class="fr">
                All Rights Reserved 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备19037934号-11</a>
            </div>
        </div>
    </div>
</footer>
</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>

网站建设知识

HTML5的语法