zoukankan      html  css  js  c++  java
  • 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>

      可以选中焦点

        

         

  • 相关阅读:
    [LeetCode]Sort List
    [LeetCode]Single Number II
    合并两个排序的列表
    翻转链表
    链表中倒数第k个结点
    调整数组顺序使奇数位于偶数前面
    数值的整数次方
    二进制中1的个数
    矩形覆盖
    变态跳台阶
  • 原文地址:https://www.cnblogs.com/zxbs12345/p/7879766.html
Copyright © 2011-2022 走看看