HTML5简介

HTML5是新一代的HTML;
HTML5目前主要应用在手机端,在PC端最新浏览器已经开始支持了,但还不全面;
HTML5是由W3C和WHATWG合作的结果;
W3C是万维网联盟,主要制作各种互联网标准的国际组织,如:XHTML,CSS,JavaScript,XML,AJAX等;
WHATWG应用程序工作组,是由Firefox,Chrome,苹果,safari,IE等浏览器公司成立了一个机构,主要面向应用程序的完善和开发,表单的扩展,如:1,在HTML5中使用<video>标记,直接可以播放视频;
2,<input type=“email” name =“email”/>邮箱验证
3,<input type=“color” name =“color”/>
4,<input type=“date” name =“date”/>

HTML5支持度测试(打开要测试的浏览器输入以下网址)

http://chrome.360.cn/test/html5/index.html

浏览器市场份额统计

http://tongji.baidu.com/data/browser

文档类型定义

XHTML1.0中的文档类型定义有三种:过渡型,严格型,框架型;
HTML5文档类型定义:<!DOCTYPE html>

网页字符集

HTML5中的网页字符集声明:<meta charset=“utf-8”>

页面结构标记

<header></header>网页头部;
<nav></nav>导航栏,菜单栏;
<footer></footer>页脚(网页尾部);

文章相关的标记

<article> : 代表一篇文章;
<aside>:侧边栏;
<section>:区块,主要用于排版网页功能与<div>一样;
<details>:一个标题的简介;
<summary>:标题的内容,与<details>配合使用;

其它标记

<mark>:重点标注;
<progress>:进度条;

progress标记的属性:
1,max:最大值;
2,value:当前值;

音频标记:<audio>属性

语法格式:<audio>对不起,你的浏览器不支持audio元素。</audio>
常用属性:
1,controls:是否显示控制面板;
2,autoplay:是否自动开始;
3,src:播放文件路径;
4,loop:是否循环;
例:<audio controls=“controls” autoplay=“autoplay” src=“images/10000.mp3”>对不起,你的浏览器不支持audio元素!</audio>
显示效果在&video>视频标记的例子中的显示效果中一同展示

视频标记<video>属性

语法格式:<video>对不起,你的浏览器不支持video元素!</video>
常用属性:
1,controls:是否显示控制面板;
2,autoplay:是否自动开始;
3,src:视频路径,支持的文件格式:ogg,mp4;
4,loop :是否循环;
5,width :宽度;
6,height :高度;
7,poster :第一帧的画面图片,默认的是视频的第一帧;
例:<video controls=“controls” autoplay=“autoplay” src=“images/ry.mp4” width=“500” height=“325” poster=“images/p4.jpg”>对不起,你的浏览器不支持video元素!</video>
显示效果如下:

表单中新增的属性

1,autocomplete :自动完成,取值:on,off;
2,autofocus:自动获得焦点;

表单input元素type属性的值

1,email :邮箱验证;
2,url :网址验证;
3,color:颜色拾色器;
4,date:日历;
5,month :选择月份;
6,time :时间
7,datetime:日期时间;
8,tel :电话;

@沉木

前端:HTML5/36/HTML5简介,文档类型定义,网页字符集,页面结构标记,文章相关的标记,其它标记,音频标记,视频标记,表单中新增的属性,表单input元素type属性的值相关推荐

  1. DTD(文档类型定义)概述

    DTD(文档类型定义)的作用是定义 XML 文档的合法构建模块.DTD 可被成行地声明于 XML 文档中,也可作为一个外部引用. DTD 简介 文档类型定义(DTD)可定义合法的XML文档构建模块.它 ...

  2. XML——文档类型定义(DTD-Document Type Definition)

    [0]README 0.1)本文文字描述转自 core java volume 2 , 旨在理解 XML--文档类型定义(DTD-Document Type Definition) 的基础知识: 0. ...

  3. DOCTYPE html PUBLIC 指定了 HTML 文档遵循的文档类型定义

    DOCTYPE html PUBLIC 指定了 HTML 文档遵循的文档类型定义 今天看到一篇CSS应用的一个友好搜索,我按网页上的代码复制.粘贴后预览时总达不到效果,而直接拷贝他的实例却能达到效果, ...

  4. XML之文档类型定义和合法性(转)

    来至:liang--liang博客:http://www.cnblogs.com/liang--liang/archive/2008/01/15/1039277.html 好牛 XML被作为一种元标记 ...

  5. 文档类型定义和合法性(2)

    8.5.3 子元素列表 由于SEASON元素被声明为可以接受任何元素作为子元素,因而可以接受各种各样的元素.当遇到那些多多少少有些非结构化的文本,如杂志文章时,这种情况就很有用.这时段落.副栏.项目列 ...

  6. html加了文档声明之后页面错乱,DOCTYPE 文档类型声明(网页爱好者必看)

    DOCTYPE 文档类型声明(网页爱好者必看) 发布时间:2009-11-02 00:59:13   作者:佚名   我要评论 文档类型声明与不声明,将会导致你的css或js都无法正常安装要求显示.所 ...

  7. 文档声明Doctype和Doctype html区别 文档类型定义(DTD)

    文档类型定义(DTD)可定义合法的XML文档构建模块.它使用一系列合法的元素来定义文档的结构. DTD 可被成行地声明于 XML 文档中,也可作为一个外部引用. 文档声明的作用: 文档声明是为了告诉浏 ...

  8. 表单input标签type属性详解

    目标:详解表单input标签type属性常用的属性值 一.input标签和它的type属性 PS:input 元素可以用来生成一个供用户输入数据的简单文本框. 在默认的情况下, 什么样的数据均可以输入 ...

  9. XML--- XML文档类型定义(DTD)

    **定义:**DTD定义了文档的逻辑结构,规定了文档中所使用的元素.实体.元素的属性.元素与实体之间的关系.其作用主要表现在以下几个方面. (1) 使用DTD可以提供一种统一的格式.XML的可扩展性为 ...

最新文章

  1. HDU 6185 Covering 矩阵快速幂 递推
  2. 参加维基链超级节点竞选有什么好处呢?
  3. oracle 让sys用户可以使用isqlplus
  4. 基于JSP实现毕业设计选题系统
  5. folders默认配置 shell_分布式存储Ceph RBD-Mirror灾备方案(二)镜像模式配置
  6. LSMW、BDC、CATT 区别
  7. 计算机网络可以把在区域上分散的单个,计算机网络技术及应用课后习题
  8. [html] 写一个搜索框,聚焦时搜索框向左拉长并有动画效果
  9. C#LeetCode刷题-栈
  10. 华为服务器改硬盘启动不了怎么办,华为服务器装系统加载os怎么回事
  11. click 点击图片不起作用_JavaScript 练手小案例:基于SVG的图片切换效果
  12. LeetCode 1071. 字符串的最大公因子
  13. win10samba服务器配置_win10访问samba配置共享目录,踩坑记
  14. 转换php时间戳,如何实现转换php时间戳
  15. 受激发射损耗显微术(一)
  16. bw_mem 内存_TCP:内存不足—考虑调整tcp_mem
  17. APP开发 --- Dcloud初识
  18. 看我如何做基于扑克牌模式识别系统的设计与实现
  19. 吸墨涂料市场现状及未来发展趋势
  20. veritas msi_使用适用于AIX 5.3和6.1的Veritas Volume Manager(VxVM)V5管理逻辑卷

热门文章

  1. 崛起于Springboot2.X之Mongodb多数据源处理(35)
  2. 利用微服务构建现代应用(一)
  3. 什么样的程序猿,最容易被鄙视?
  4. 书------编程(C#)
  5. 大型企业网络配置系列课程详解(八) --VoIP的配置与相关概念的理解
  6. SQL Server脏读方式数据提取---NOLOCK和READPAST
  7. 【开源】我的分页控件正式命名为QuickPager ASP.NET2.0分页控件
  8. IT人不可不听的10个职场故事
  9. Mac 运行goland出现can‘t load package: package xxxx is not in GOROOT问题排查
  10. 【最佳实践】OSS开源工具ossutil-大文件断点续传