HTML5概述

作者: scarecrowlxb | 来源:发表于2017-06-27 23:17 被阅读40次

    HTML5基本特征

    向前兼容

    H5向前兼容H4,H4可以直接在H5环境下运行,浏览器若不支持H5的新特新则会替换成相应的H4。
    如表单输入类型若不支持新的type则转换为text类型。

    跨平台运行

    PC,手机,平板等支持H5的都可以无障碍运行H5运用,对H5游戏开发特别有利

    简单易用

    提供更加简单易用的特性。如属性可以大写可以小写,属性值可以用单引号也可以用双引号(推荐使用小写属性,属性值用双引号括起)

    用户友好性

    H5的新特性提升了用户的友好性和体验程度。
    多媒体标签,canvas标签等元素,地理位置服务,本地数据存储,文件上传和离线应用等。

    H5新功能

    简化的DOC TYPE声明

    H4对DOC TYPE的声明:

    • 严格版:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd">
    • 过渡板:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/html4/loose.dtd">
    • 框架版:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3c.org/TR/html4/frameset.dtd">

    H5中的定义:<!DOCTYPE html>

    简化的编码字符集

    H4中:<meta http="Content-Type" content="text/html;charset=utf-8">
    H5中:<meta charseet="utf-8">

    简化脚本和样式的引入

    H5中引入:

    <link rel="stylesheet" href="path/to/target.css" />
    <script src="target.js"></script>
    ```
    
    ## 新增的全局属性
    contenteditable:用于将HTML元素设置为可编辑状态,让用户可以实时编辑HTML元素。值有 true 和 false 。true为可编辑
    
    spellcheck:对用户的输入进行拼写检查,语法检查不通过事浏览器使用下划线来提示。值有 true 和 false。
    
    draggable:元素是否可拖动。值为 true 和 false
    
    dropzone:规定被拖动元素被拖动时发生的动作。值为 copy,link,move:copy创建一个拖动元素的副本,move拖动元素移动到一个新的位置,link 创建拖动元素的一个链接
    
    hidden:隐藏HTML元素。值为 hidden
    
    ## 语义化标签之文档元素
    * header。定义文档结构的页眉,通常和Hn hgroup标签组合表示一个内容快的标题。或者包含一个搜索框,导航栏,logo等栏目
    * footer。定义文档页脚,表示文档作者信息、相关链接、版权资料等。
    * hgroup。定义文档中的标题组。内容快由主标题和多个副标题组成
    * nav。 定义文档导航区域,用于文档的主导航,对于侧边栏目录搜索样式或者上一篇下一篇等不适用。
    * article。定义文档中自成一体的内容。
    * section。 定义文档结构中的章节内容。与article可相互嵌套。
    * aside。 通常作为article标签中主要内容的附属信息部分,比如文章里面的参考文献
    
    ## 语义化标签之文本元素
    * b。 定义加粗文本。
    * i。定义斜体文本。
    * u。定义下划线文本。
    * code。定义代码段。
    * q。定义引用文本。
    * cite。定义引用文本,不过通常是书记或杂志的标题。
    * time。时间显示文本,datetime属性表示具体的时间戳,pubdate=“pubdate”表示是否为特定文档的发布时间。
    * blockquote。 标记长引用文本。
    * pre。定义预定义格式化文本。保留空格和换行

    相关文章

      网友评论

        本文标题:HTML5概述

        本文链接:https://www.haomeiwen.com/subject/duhycxtx.html