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。定义预定义格式化文本。保留空格和换行

相关文章

  • 前端知识1-HTML5

    一. 初识HTML5 1.1 HTML5概述 HTML5全称为 HyperText Markup Language...

  • HTML5概述

    HTML5基本特征 向前兼容 H5向前兼容H4,H4可以直接在H5环境下运行,浏览器若不支持H5的新特新则会替换成...

  • HTML5 概述

    HTML5 是继 HTML4.01 和 XHTML1.0 之后的超文本标记语言的最新版本。它是由一群 自由思想者组...

  • HTML5 概述

    一、HTML5 发展史为了支持新的 Web 应用,同时克服现有缺点,HTML 迫切需要添加新功能,制定新规范。20...

  • HTML5概述

    WWW = URL + HTTP + HTMLWWW就是World Wide Web内容共享是互联网的本质。HTM...

  • [cc]HTML6 展望

    HTML6 展望 2014年12月6日jnj发表评论阅读评论13,575 人阅读 HTML5 概述 HTML5 是...

  • HTML5 第一部分 2018-03-30

    一、HTML5概述 表格布局:表格应该存放数据,而不是划分网页结构的。 html5 并不仅仅等于 html的nex...

  • html5程序设计

    Menu 第1章 html5概述 1.6.4 使用selectors API简化选取操作 第二章 canvas A...

  • HTML5

    HTML5 第一章 HTML5概述 H5是下一代的web开发的基础. 1.1 web技术发展时间线 1991 HT...

  • HTML5新标签

    HTML5新特性 概述 HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等...

网友评论

    本文标题:HTML5概述

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