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类似用法




posted @ 2018-08-12 21:52  asss1  阅读(146)  评论(0编辑  收藏  举报