HTML5新标签与特性
文档类型设定:
- document
- HTML: sublime 输入 html:4s
- XHTML: sublime 输入 html:xt
- HTML5 sublime 输入 html:5 <!DOCTYPE html>
字符设定
- <meta http-equiv="charset" content="utf-8">:HTML与XHTML中建议这样去写 - <meta charset="utf-8">:HTML5的标签中建议这样去写
常用新标签
header 定义文本的页眉 头部
nav 定义导航链接的部分
footer 定义文档或节的页脚底部
article 定义文章
section 定义文档中的节(section,区段)
aside 定义其所处内容之外的内容 侧边
datalist 标签定义选项列表,请与input元素配合使用
fieldset 元素可将表单内的相关元素分组,打包 legend搭配使用
例如
<fieldset> <legend>用户登录</legend> 标题 用户名: <input type="text"><br /><br /> 密 码: <input type="password"> </fieldset>
新增的input type 属性值
| **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"> | 自由拖动滑块 | | **time****** | <input type="time"> | 小时分钟 | | **date****** | <input type="date"> | 年月日 | | **datetime****** | <input type="datetime"> | 时间 | | **month****** | <input type="month"> | 月年 | | **week****** | <input type="week"> | 星期 年 |
常用的
| **placeholder****** | <input type="text" placeholder="请输入用户名"> | 占位符 当用户输入的时候 里面的文字消失 删除所有文字,自动返回 | | **autofocus****** | <input type="text" autofocus> | 规定当页面加载时 input 元素应该自动获得焦点 | | **multiple****** | <input type="file" multiple> | 多文件上传 | | **autocomplete****** | <input type="text" autocomplete="off"> | 规定表单是否应该启用自动完成功能 有2个值,一个是on 一个是off on 代表记录已经输入的值 1.autocomplete 首先需要提交按钮 <br/>2.这个表单您必须给他名字 | | **required****** | <input type="text" required> | 必填项 内容不能为空 | | **accesskey****** | <input type="text" accesskey="s"> | 规定激活(使元素获得焦点)元素的快捷键 采用 alt + s的形式 |
多媒体标签
embed:标签定义嵌入的内容
audio 播放音频
video 播放视频
embed:可以用来插入各种多媒体 格式Midi Wav AIFF AU MP3等等 url为路径 可以是相对路径也可以是绝对路径
audio 解决音频的播放 autoplay 自动播放 controls是否显不默认播放控件 loop循环播放 (如果这个属性不写 默认播放一次)
video: 同audio类似用法