记录学习前端-------笔记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 中选择