zoukankan      html  css  js  c++  java
  • html5与html4区别

    一、推出理由及目标

    HTML5的出现,对于WEB来说意义重大,因为它的意图是想把目前web上存在的各种问题一并解决掉。

    ·web浏览器之间的兼容性很低

    ·文档结构不够明显

    ·web应用程序的功能受到限制

    世界知名浏览器厂商对HTML5的支持:微软’Google、苹果、Opera、Mozilla

    二、语法的改变

    ·内容类型

    ·DOCTYPE声明

    ·指定字符编码

    ·可以省略标记的元素

    ·具有boolean类型值得属性

    ·省略引号

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

    新增的结构元素

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

    新增的其他元素

    video、audio、embed、mark、progress、meter、time、ruby,rt,rp,wbr,canvas,command,details,datagrid,keygen,output,source,menu

    新增的input元素的类型

    email,url,number,range,DatePickers

    废除的元素

    ·能使用css替代的元素:basefont,big,center,font,s,tt,u

    ·不再使用frame框架

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

    .其他被废除的元素

    四、新增的属性和废除的属性

    新增的属性

    ·表单相关的属性

    ·链接相关的属性

    ·其他属性

    废除的属性

    五、全局属性

    可以对任何元素都使用的属性

    ·contentEditable属性:允许用户编辑元素中的内容,该元素必须是获得鼠标焦点的元素,布尔值类型。

    1 <h2>可编辑列表</h2>
    2 <ul contenteditable>
    3     <li>列表1</li>
    4     <li>列表2</li>
    5     <li>列表3</li>
    6 </ul>

    ·designMode属性:用来制定整个页面是否可编辑,designMode属性只能在js脚本里被修改编辑,该属性值有两个值,一个是on,一个是off

    ·hidden属性:html5中所有元素都可以使用该属性,true  false  布尔值。

    1 <h2>可编辑列表</h2>
    2 <ul hidden="">
    3     <li>列表1</li>
    4     <li>列表2</li>
    5     <li>列表3</li>
    6 </ul>

    ·spellcheck属性:针对input元素和textarea文本输入框提供的属性,对用户输入的内容进行拼写和语法检查。

    ·tabindex属性:开发中的一个基本概念,当不断敲击tab键,让窗口或页面中的控件获得焦点,对窗口或页面中的所有元素进行遍历,指的是对所有控件进行遍历,每一个控件的tabindex表示该控件是第几个被访问到的。默认只有a 和input元素可以通过tab键进行遍历,给其他元素加上tabindex属性后,也可以通过tab键获得焦点.tabindex值改为-1时,tab键获得不到焦点。

    1 <a href="#" tabindex="1">hello</a>
    2 <a href="#" tabindex="3">hello</a>
    3 <a href="#" tabindex="2">hello</a>
    4 <ul tabindex="4">
    5     <li>22</li>
    6     <li>22</li>
    7     <li>22</li>
    8     <li>22</li>
    9 </ul>
  • 相关阅读:
    第六章 类(Class) 和对象(Object)
    如何在windows Server 2008虚拟机上安装SQLServer2008数据库
    小票打印机乱码问题
    SQLSERVER 的联接查询写法
    VMware下安装CentOS6.5
    疯狂java讲义--笔记
    学习Java第一篇——Java 安装及环境搭配
    informix数据迁移工具使用介绍
    informix 存储过程结构
    输入身份证号码自动读取生日与性别(delphi)
  • 原文地址:https://www.cnblogs.com/baixuemin/p/4718196.html
Copyright © 2011-2022 走看看