您现在的位置是：网站首页> 编程资料编程资料
html5简介_动力节点Java学院整理 html5嵌入内容_动力节点Java学院整理html5简单示例_动力节点Java学院整理HTML5表格_动力节点Java学院整理 html5标记文字_动力节点Java学院整理
2021-08-31
1466人已围观
简介 这篇文章主要介绍了html5简介,用于指定构建网页的元素，这些元素中的大多数都用于描述网页内容，有兴趣的可以了解一下
HTML（Hypertext Markup Language，超文本标记语言）诞生于20世纪90年代初，用于指定构建网页的元素，这些元素中的大多数都用于描述网页内容，如标题、段落、列表、指向其他网页的链接等。HTML5是HTML的最新版本，它的大部分内容都可以兼容新旧浏览器，并新增了大量新的功能。HTML5还引入了原生的音频和视频播放功能。
通过下面的网址可以查看HTML的最新规范：
1）HTML5：http://www.w3.org/TR/html5/
2）HTML5.1：http://www.w3.org/TR/html51/
HTML5简介
HTML5实际上是一系列用来制作现代富Web内容的相关技术的总称，其中最重要的三项技术是HTML5核心规范、CSS（Cascading Style Sheets，层叠样式表）和JavaScript。
1）HTML5核心规范定义用以标记内容的元素，并明确其含义。
2）CSS用于控制标记过的内容呈现在用户面前的外貌。
3）JavaScript用来操纵HTML文档的内容以及响应用户的操作。
同时HTML5引入了原生的多媒体支持，并引入了可编程内容（canvas元素，必须用到JavaScript）和语义Web。
浏览器对HTML5的支持
浏览器功能验证
HTML5的功能能否使用，在于浏览器是否支持，现在有很多浏览器，每种浏览器还有许多版本，作为Web开发人员，很难完全测试每种浏览器的某个版本是否支持某项功能。不过，有一个网站http://caniuse.com/可以帮助你，这个网站详细地列出了每一款主流浏览器对HTML5的支持情况。
浏览器的使用状况
如果你需要判断你是否需要支持某种浏览器，或者该浏览器的某个版本（通常是IE），那么http://gs.statcounter.com/可以帮助你，通过它你可以查看某个地区的浏览器使用状况。
检测浏览器功能
如果你想使用某些HTML5的新功能，但某些用户的浏览器不支持这些功能，也不用担心，你可以使用Modernizr，它是一个小巧的、持续更新的工具，专门用于测试浏览器对很多HTML5及相关功能的支持情况。
使用方法如下：
到Modernizr的下载页面，如下：
在这个页面上选择你想要探测的特征（点击对应特征旁的+），选择完毕后点击build，你就能得到：
然后下载得到build的结果（modernizr-custom.js），并将其添加到你的html文档中；
title ...
这样，在页面加载后，Modernizr脚本就可以运行了，它能在数毫秒时间内检测很多新功能，然后创建一个名叫Modernizr的JavaScript对象，检测结果就保存在这个对象中。通过检测这个对象的属性，就可以判断浏览器具体支持什么功能。例如：
The verdict is ...
如果你的浏览器支持flash，网页上将会打印出“Rejoice! Your brower has flash.”。更多Modernizr的功能请参考Modernizr的文档。
HTML文档基本结构
”HTML文档就是对一个文档的描述，都有一个固定的结构，分为许多个部分，每个部分都包含了一个或者多个元素。有些元素用于描述文档的基本信息，有些则描述文档结构，下面就是一个基本的HTML文档的结构：
Your page title
该HTML文档描述了一个空白页，这些基础成分确定了HTML文档的轮廓以及浏览器的初始环境。
DOCTYPE元素
DOCTYPE元素可以省略，大多数浏览器仍能正确显示文档内容，不过依赖浏览器的这种表现不是好习惯。该元素告诉浏览器两件事情：
1）它处理的是HTML文档；
2）用来标记文档内容的HTML所属的版本，上面的写法就表明所用的是HTML5。
html元素
html元素是根元素，它表明文档中HTML部分的开始。lang属性指定页面内容的默认语言，例如：en表示英语，es表示西班牙语，等。
head元素
head元素包含文档的元数据，向浏览器提供有关文档内容和标记的信息，还可以包含脚本和对外部资源（比如CSS样式表）的引用。
body元素
文档body部分包含访问者可以看到的内容。
在有了这个基本的结构后，我们后面就可以将HTML的其它元素逐步添加进去，不断的丰富文档，最终得到我们希望的页面。
相关内容
- HTML5 文件上传下载的实例代码HTML5 File接口在web页面上使用文件下载html中用href 实现点击链接弹出文件下载对话框HTML5拖拽文件到浏览器并实现文件上传下载功能代码HTML页面点击下载文件的两种实现方法
- 浅析HTML5中的 History 模式详解HTML5之pushstate、popstate操作history,无刷新改变当前urlHTML5 History API 实现无刷新跳转 HTML5 history新特性pushState、replaceState及两者的区别 深入探究HTML5的History APIHTML5学习笔记之History API
- 常用的HTML5列表标签浅谈html5标签css3的常用样式html5中的一些标签学习(心得)HTML5新增加标签和功能概述浅谈Html5中视频 音频标签 进度条的问题HTML5进阶段内联标签汇总（小篇）关于HTML5语义标签的实践(blog页面)html5基于canvas实现的文字标签云3D旋转动画特效源码HTML5之语义标签介绍HTML5不支持标签和新增标签详解浅析HTML5中header标签的用法
- HTML5本地存储之IndexedDBhtml5中localStorage本地存储的简单使用HTML5 LocalStorage 本地存储刷新值还在详解HTML5 LocalStorage 本地存储 html5本地存储 localStorage操作使用详解Html5 web本地存储实例详解深入剖析webstorage[html5的本地数据处理]HTML5本地存储之Web Storage详解HTML5 本地存储 LocalStorage详解HTML5本地数据库基础操作详解HTML5打开本地app应用的方法
- localstorage和sessionstorage使用记录(推荐)HTML5 LocalStorage 本地存储详细概括（多图）html5 localStorage本地存储_动力节点Java学院整理详解HTML5 LocalStorage 本地存储 html5本地存储 localStorage操作使用详解HTML5 本地存储 LocalStorage详解解析HTML5中的新功能本地存储localStorageHTML5中Localstorage的使用教程localStorage的过期时间设置的方法详解
- Html5实现文件异步上传功能使用Html5实现异步上传文件,支持跨域,带有上传进度条HTML5拖拉上传文件的简单实例HTML5+WebSocket实现多文件同时上传的实例html5 实现客户端验证上传文件的大小(简单实例)html5拍照功能实现代码(htm5上传文件)input file上传文件样式支持html5的浏览器解决方案HTML5上传文件显示进度的实现代码
- Html5新标签datalist实现输入框与后台数据库数据的动态匹配HTML5实现搜索输入框下拉列表代码html5实现输入框字数限制提示抖动效果HTML5 虚拟键盘出现挡住输入框的解决办法HTML5为输入框添加语音输入功能的实现方法HTML5输入框下拉菜单功能的示例代码
- HTML5中indexedDB 数据库的使用实例html5中localStorage本地存储的简单使用HTML5 LocalStorage 本地存储刷新值还在详解HTML5 LocalStorage 本地存储 html5本地存储 localStorage操作使用详解Html5 web本地存储实例详解HTML5本地存储之Web Storage详解html5 初试 indexedDB(推荐)深入解析HTML5的IndexedDB索引数据库HTML5本地存储之IndexedDB
- 详解HTML5 window.postMessage与跨域HTML5中使用postMessage实现Ajax跨域请求的方法html post请求之a标签的两种用法解析
- HTML5操作WebSQL数据库的实例代码HTML5安全风险之WebSQL攻击详解
