记录学习前端-------笔记01

HTML5新标签

HTML sublime ------> html:4s
XHTML sublime ------> html:xt

html 5 新语义标签
header 定义页面的头部
nav 定义导航栏
footer 定义页面尾部
article 定义文章
论坛帖子
报纸文章
博客条目
用户评论

section 定义区域
aside 定义 其所处内容之外的内容 侧边

datalist 升级版下拉菜单
使用格式

<input type="text" value="" list="text">
  

  <datalist id="text">
    	<option>京东方科技藕节</option>
    	<option>方科技藕节</option>
    	<option>技藕节</option>
    	<option>藕节</option>
    	<option>东方科技</option>
    	<option>京东技藕节</option>
    </datalist>

可以进行第一个字匹配
把datalist和input链接起来
datalist要给id名 input要给list=“id名”

fieldset元素
可以将表单内的相关元素分组，打包
效果就是有一个框包起来
通常和legend搭配使用
<legend>文字</legend>—>说明文字
文字会显示在线上

新增input属性 需要和submit配合使用 点击提交时会显示是否合法
email 邮箱属性
tel 手机
number 数字
url 网址格式
search 搜索 语义化
range 区域 *拖动滑块
time 小时分钟
date 年月日
datetime 时间
month 年月
week 年星期
color 获得颜色

新增表单属性
placeholder="" 占位符 光标点击后消失 删除所有文字后显示
autofocus=“autofocus” 自动获得光标
multiple=“multiple” 多文件上传 能和input="file"搭配使用 下拉框也能设置此属性来获取多选
autocomplete=“on” /“off” 记录了之前输入过提交了的字符串
要求
1.autocomplete 首先需要提交按钮
2.需要name

required 必填项 内容不能为空 不同流浪器会有不同的提示

accesskey=“字母” 规定**（使元素获得焦点）元素的快捷键，采用alt+字母的形式

多媒体标签
embed 标签定义嵌入内容
audio: 播放音频
ogg
mp3
wav
audio 解决兼容问题 通过source

<audio controls>
	<sourch src="./music/See.mp3"/>
	<sourch src="./music/See.wav"/>
	<sourch src="./music/See.ogg"/>
	文字文字文字------> 都不支持时显示的信息
</audio>

格式
<audio src=“xxx.mp3” autoplay=“autoplay”/controls/loop>

video： ogg MPEG 4 webM
格式
可以设置框高

video 兼容

<video controls>
	<sourch src="./music/See.mp4"/>
	<sourch src="./music/See.ogg"/>
	文字文字文字------> 都不支持时显示的信息
</video>

标签的属性
标签自带的属性：id class src…标签自身具有的属性
标签的自定义属性
为了获取数据方便，自己取得属性名字----可以在css 中选择