一、H5新元素(结构语义化)
标签 语义
<nav> 等同于《div class=”nav”>》 导航
<header> 页眉
<footer> 页脚
<section> 区块
<article> 文章
<aside> 侧边栏
<progress> 进度条
<details> 文档细节
<summary> 标题
<mark> 标记文本
<time> 日期,时间《》
<dialog> 对话框
二、表单新类型
类型 使用示例 含义
email <input type="email"> 输入邮箱格式
tel <input type="tel"> 输入手机号码格式
Url <input type="url"> 输入url格式
number <input type="number"> 输入数字格式
search <input type="search"> 搜索框(体现语义化)
range <input type="range"> 自由拖动滑块
color <input type="color"> 拾色器
time <input type="time">
date <input type="date"> 日期(这个支持的浏览器多)
datetime<input type="datetime"> 支持的浏览器少
month <input type="month">
week <input type="week">
file <input type=”file”>
表单元素
<datalist> 数据列表
<keygen> 生成加密字符串
<output> 输出结果(语义化)
<meter> 度量器
表单属性
placeholder <input type="text" placeholder="透明"> 占位符
autofocus <input type="text" autofocus> 自动获得焦点
multiple <input type="file" multiple> 多文件上传
required <input type="text" required> 必填项
三、弹幕标签(marquee)
可作为容器(没有测试太多,可能会有些标签不能装在里面)
marquee常用到的两个事件:
onMouseOut="this.start()" 当鼠标移出该区域时
onMouseOver="this.stop()" 当鼠标移入该区域时
<marquee behavior="alternate">来回滚动。 </marquee>
<marquee behavior="scroll">重复滚动。</marquee>
<marquee behavior="slide">不重复滚动。</marquee>
<marquee direction="down">设定活动字幕的滚动方向向下</marquee>
<marquee direction="left">设定活动字幕的滚动方向向左</marquee>
<marquee direction="right">设定活动字幕的滚动方向向右</marquee>
<marquee direction="up">设定活动字幕的滚动方向向上</marquee>
height 设定活动字幕的高度
width 设定活动字幕的宽度
bgcolor 设定活动字幕的背景颜色。
loop 设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1
scrollamount 设定活动字幕的滚动速度,单位pixels
scrolldelay 设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒)