资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

HTML5元素介绍-创新互联

这篇文章给大家分享的是HTML5新增元素的详细介绍,相信刚入门的小伙伴都还不了解,为了让大家更加了解,给大家总结了以下内容,话不多说,一起往下看吧。

公司主营业务:成都网站建设、做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出界首免费做网站回馈大家。

一、HTML5增加元素:

     用于图形绘制,通过脚本(常用JS)来完成;具体请参考JavaScript;
          矢量图,支持内联;
         用于书写数学字符;
      显示视频;(支持MP4,WebM,Ogg);内容里边需要有sorce标签给定的源文件;具体请参考JavaScript;
      显示视频;(支持MP3,wav,Ogg);内容里边需要有sorce标签给定的源文件;具体请参考JavaScript;
              定义media元素 (

二、新的元素和属性

(一)新的标签中新增属性:

type属性新增值:
    color          颜色选择框;
    date            日期选择器(部分浏览器不支持);
    datetime-local  日期和时间选择器;
    time            时间选择器;
    week          周选择器;
    email           邮件地址验证;
    url             url验证;
    month         月份选择;
    number        数值输入,可用以下属性进行更多限定,    disabled,max,min,maxlengh,pattern(正则表达式),readonly,requried,size,step,value;
    range          数值选择,显示为一个滑块,需用更多属性进行限定:max,min,step,value;
autofocus          不需要值,如果给定此属性,则在加载页面时输入域自动获得焦点;
form               设置输入域属于某一个或多个表单,多个表单之间用空格分隔;
formaction         值会覆盖
元素中的action属性; formenctype 值会覆盖元素中的enctype属性; formmethod 值会覆盖元素中的method属性; formnovalidate 值会覆盖元素中的novalidate属性; formtarget 值会覆盖元素中的target属性; height 设置image类型标签高度; width 设置image类型标签宽度; multiple 不需要值,如果给定此属性,则在输入元素中可选择多个值; pattern 值为正则表达式,用来验证输入值; placeholder 值为用来显示在输入域中来提示用户; requried 不需要值,如给定此属性,则输入不能为空;

(二)新的表单元素:

 一起使用,来设定预定义值,每个值用

(三)新的语义元素;

语义元素用来明确一个Web页面的不同部分;

定义导航链接的部分;
定义文档中的节;
标签定义独立的内容; 定义页面主区域内容之外的内容;
元素的标题,应该被置于 "figure" 元素的第一个或最后一个子元素的位置;
标签规定独立的流内容(图像、图表、照片、代码等等),元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
描述了文档的底部区域;

(四)新的全局属性:

contenteditable                元素是否可编辑,值有true,false;
contextmenu                    指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单,值为要打开元素的id;
data-*                         存储页面的自定义数据;
draggable                      元素是否可拖动,值有true,false,auto;5 hidden

(五)新的存储方式:

localStorage                 本地存储,永久性的;
sessionStrorage           针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除;

但这两种方式的都是通过脚本来实现的;

三、全局事件属性(html4后支持,主要用于浏览器触发事件后运行的脚本,值都是script):

1.窗口事件属性

onafterprint         打印文档后运行脚本;
    onbeforeprint        打印文档前;
    onbeforeonload       文档加载前;
    onload               文档加载时;
    onoffline            文档离线时;
    ononline             文档上线时;
    onhaschange          文档改变时;
    onredo               文档再次执行时;
    onundo               文档执行撤销时;
    onerror              出现错误时;
    onmessage            触发消息时;
    onunload             用户离开文档时;
    onblur               窗口失去焦点时;
    onfocus              窗口获得焦点时;
    onpagehide           窗口隐藏时;
    onpageshow           窗口可见时;
    onpopstate           窗口历史记录改变时;
    onresize             窗口大小改变时;
    onstorage            web storage区域更新时;

以上就是HTML5新增元素的详细内容了,看完之后是否有所收获呢?如果想了解更多相关内容,欢迎关注创新互联成都网站设计公司行业资讯!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页题目:HTML5元素介绍-创新互联
链接分享:http://www.cdkjz.cn/article/digoje.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220