zoukankan      html  css  js  c++  java
  • HTML5中改变了哪些东西?

    HTML5 推出的理由

    想要把目前web上存在的各种问题一并解决

    • Web浏览器之间的兼容性很低
    • 文档结构不够明确
    • Web应用程序的功能受到了限制

    HTML5重新定义了浏览器的统一标准

    HTML5 与 HTML4 的区别

    内容类型

    HTML5的文件拓展名和内容类型保持不变,内容类型依然是 text/html

    DOCTYPE声明

    在HTML4中要明确指出是哪个版本
    在HTML5中只需要:<DOCTYPE html>,大小写都可以

    指定字符编码

    HTML4中:

    <meta http-equiv="content-type" content="text/html;charset="UTF-8">
    

    HTML5中:

    <meta charset="UTF-8">
    

    可以省略标记的元素

    在HTML5中,很多元素的标记是可以省略的

    具有boolean值的属性

    具有布尔类型值的属性,不指定属性值的时候,值为属性值,或者值为空字符串的时候,都表示为 true,而下图最后一个为false

    省略引号

    在指定属性值的时候,大部分情况下可以省略引号(不引起歧义的情况下)

    HTML5中新增的全局属性

    contentEditable:元素是否可编辑,为true时,可以修改元素的内容,为false或者空字符串等时,不可编辑

    designMode:控制页面所有contentEditable属性,且只能在js脚本里被修改编辑,不能直接指定(值为on时,页面可编辑,值为off时,页面不可编辑)

    hidden:通知浏览器不渲染该元素,为true时,元素不可见

    spellcheck:对于input等,进行语法检查

    tabindex:不断按Tab键,切换选中元素,这个属性设置了元素被tab选中的顺序

    HTML5中新增的元素与废除的元素

    新增的结构元素

    section:表示页面中的一个内容块(章节、页眉、页脚、等等),可以与h1~h6等结合使用,表示文档的结构

    article:表示页面中一块与上下文不相关的独立内容(例如博客或者报纸中的一篇文章)

    aside:表示article元素内容之外的,与article元素内容相关的辅助信息

    header:表示页面中的一个内容区域块,通常用它来表示标题

    hgroup:表示对整个页面或者页面中的一个内容块的标题进行集合

    footer:表示页面中的一个区域块,通常表示一个区域的底部(通常承载作者、姓名、创作日期等一些信息)

    nav:表示页面中的导航链接部分

    figure:表示一段独立的流的内容,一般表示文档主题流中独立的一个单元

    新增的其他元素

    其中比较常用的有:video(视频)、audio(音频)、canvas(画布)等几个

    新增的input元素的类型

    email:邮箱
    url:链接地址
    number:数字
    range:范围
    Date Pickers:时间选择

    废除的元素

    • 能使用CSS代替的元素:basefont、big、center、font、s、tt、u等
    • 不再使用frame框架
    • 只有部分浏览器支持的元素
    • 其他被废除的元素

    不再使用frame框架?
    frame对网页可用性存在负面的影响,HTML5目前支持iframe

    新增的属性

    • 表单相关的属性
    • 链接相关的属性
    • 其他属性

    废除的属性

    比较多。。。自己去搜索了解

  • 相关阅读:
    Windows程序设计6(内存、线程、进程)
    Windows程序设计5(MDI、库程序、文件)
    Windows程序设计4(文字、对话框、各控件)
    大数据开发学习之构建Hadoop集群-(0)
    杂谈
    Windows程序设计2(消息机制、菜单)
    QT 学习笔记概述(一)
    Linux/Windows 实用工具简记
    读书笔记《深度探索c++对象模型》(0)
    读书笔记《深入理解计算机系统》(第三版) 概述
  • 原文地址:https://www.cnblogs.com/wbyixx/p/11946027.html
Copyright © 2011-2022 走看看