<input type = “email” name = “email” /> 邮箱验证
<input type = “color” name = “color” />
<input type = “date” name = “date” />
----------------------------------------------------------------------------
文档类型定义
XHTML1.0中的文档类型定义有三种:过渡型、严格型、框架型。
HTML5中的文档类型定义:<!DOCTYPE html>
就连IE6最不兼容的浏览器,也支持这个类型定义。
----------------------------------------------------------------------------
网页字符集设置
<meta charset= “utf-8”>
----------------------------------------------------------------------------
页面结构标记
<header></header>网页头部
<nav></nav>导航栏、菜单栏
<footer></footer>页脚
----------------------------------------------------------------------------
文章相关标记
<article>:代表一篇文章。
<aside>:侧边栏
<section>:区块。主要用于排版网页,功能与<div>一样。
<details>:一个标题的简介。
<summary>标题的内容,与<details>配合使用。
----------------------------------------------------------------------------
其它标记
<mark>:重点标注。
<progress>:进度条
max:最大值
value:当前值
<progress id="pro" style="width:500px;" max="100" value="0"></progress>
<script type="text/javascript">
//获取id=pro对象
var pro = document.getElementById("pro");
var i = 0;
window.setInterval("start2()",40);
function start2()
{
pro.value = i;
i++;
if(pro.value==pro.max)
{
i = 0;
}
}
</script>
----------------------------------------------------------------------------
音频标记<audio>属性
语法格式:<audio>对不起,你浏览器不支持audio元素。</audio>
常用属性
Controls:是否显示控制面板
Autoplay:是否自动开始
Src:播放文件路径。支持的文件格式有:mp3、ogg、wav
Loop:是否循环
<audio controls="controls" autoplay="autoplay" src="images/hudie.mp3">对不起,你的浏览器不支持audio元素!</audio>
----------------------------------------------------------------------------
视频标记<vedio>属性
语法格式:<vedio>对不起,你的浏览器不支持vedio!</vedio>
常用属性
Controls:是否显示控制面板
Autoplay:是否自动开始
Src:视频路径。支持的文件格式:ogg、mp4
Loop:是否循环
Width:宽度
Height:高度
Poster:第一帧的画面。默认是视频的第一帧。
<video src="images/mov_bbb.ogg" poster="images/baobao.jpg" controls="controls" width="400" height="300"></video>
----------------------------------------------------------------------------
表单中新增的属性
Autocomplete:自动完成,取值:on、off
Autofocus:自动获得焦点
表单input元素type属性的值
tel:电话验证
Email:邮箱验证
url:网址验证
color:颜色拾色器
date:日历
month:选择月份
time:时间
datetime:日期时间
----------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
Back to home |
File page
Subscribe |
Register |
Login
| N