博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5的意义、改变以及全局属性
阅读量:7113 次
发布时间:2019-06-28

本文共 1269 字,大约阅读时间需要 4 分钟。

  一、HTML5的出现解决了目前Web上存在的各种各样的问题。最突出的表现为3个方面:

    1.不同Web浏览器之间兼容性的问题

      HTML5的出现,要求所有浏览器执行一个通用的标准,使得不同浏览器之间的兼容性提高

    2.文档结构不够明确的问题

      追加了根结构相关的元素,可以更清晰明了的体现出各部分作用,不至于在最后分不出每个区块的作用和界线

    3.Web应用程序的功能受到限制的问题

      HTML5提供大量的新api使得应用程序的接入更加方便

  二、HTML在语法上的改变:

    1.内容类型,依然为text/html,后缀名依然是.html或.htm

    2.DOCTYPE声明,不需要再声明指定的版本

      以前:

 

      现在:

 

    3.指定字符的编码格式,不需要再规定文件类型和文件内容,直接指定编码格式

      以前:

      现在:

    4.某些元素可以省略标记

    5.具有boolean值的属性

            

    表现为 即前三种表示都为true,最后一种不写属性名的情况为false

    6.属性值的引号可以省略

  三、新增的元素和废除的元素

    1.新增的结构元素

    header、footer、article、section、aside、nav、hgroup、figure

    2.新增的其他元素

    video、audio、canvas等

    3.新增的input元素类型

    email、url、number、range、date picker 

    4.废除的元素 

      a.能用CSS替代的元素,如basefont、big、center、font、s、tt、u等

      b.不在使用frame框架,但是依然支持iframe

      c.只有部分浏览器支持的元素

  四、全局属性,指对任何元素都能使用的属性

    1.contenEditable属性,允许用户编辑元素中的内容,元素必须是可以获得鼠标焦点的而且可以插入输入框的,是具有boolean值的属性

今天天气真好

变为可以输入

 

    2.designMode属性,用来指定整个页面是否可以编辑,只能在js脚本里被修改,on为可编辑,off为不可编辑

    3.hidden属性,现在所有元素都可以加hidden属性,可以利用js脚本的修改达到元素的隐藏和显示,是具有boolean值的属性,true为隐藏,false为可见

    4.spellcheck属性,对可输入的文本进行错误检查

 

 

    5.tabindex属性,规定可获取焦点的元素在按Tab键时切换的顺序,也可以让无法获取焦点的元素变为可获取焦点

今天天气真好

  可以选中焦点

 

 

    

     

 

转载于:https://www.cnblogs.com/zxbs12345/p/7879766.html

你可能感兴趣的文章
linux img文件压缩及解压
查看>>
当远程桌面到Windows终端服务器,出现终端服务器超出了最大允许连接数,怎么办...
查看>>
S3C2410 实验三——块拷贝、字拷贝(寄存器的理解)
查看>>
iOS web remote debug 正确的姿势
查看>>
[转]ASP.NET 2.0 本地化功能:本地化 Web 应用程序的新方法
查看>>
ORACLE函数大全(CSDN)
查看>>
json概念
查看>>
MVC使用Gantt Chart实现甘特图,管理事情进度
查看>>
FIREDAC字段类型映射
查看>>
Delphi XE中String、ANSIString、TBytes之间的转换
查看>>
undefined reference to libiconv_open ext/iconv/.libs/iconv.o by install phpsource
查看>>
Tensorflow学习笔记——安装和运行
查看>>
《JavaScript》——DOM
查看>>
【ios开发学习 - 第二课】iOS项目文件夹结构
查看>>
【基础练习】【线性DP】codevs3027 线段覆盖2题解
查看>>
Session分布式共享 = Session + Redis + Nginx
查看>>
ES6中的迭代器(Iterator)和生成器(Generator)(二)
查看>>
beego1---beego,bee环境配置
查看>>
MinGW下编译openssl, json-c
查看>>
thinkphp跨模块调用
查看>>