HTML5的意义、改变以及全局属性

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

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

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

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

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

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

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

  二、HTML在语法上的改变:

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

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

      以前:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

      现在:

<!doctype html>

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

      以前:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

      现在:

<meta charset="utf-8">

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

    5.具有boolean值的属性

    <input type="checkbox" checked>
    <input type="checkbox" checked="">
    <input type="checkbox"  checked="true">
    <input type="checkbox">

    表现为 即前三种表示都为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值的属性

 <p contenteditable="true">今天天气真好</p>

变为可以输入

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

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

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

<input type="text" spellcheck="true">

 

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

<p tabindex="-1">今天天气真好</p>

  可以选中焦点

    

     

原文地址:https://www.cnblogs.com/zxbs12345/p/7879766.html