day02:超链接、表单、表格
课程实现:
alink
--- a # 刷新页面
--- #name 跳转到name处
--- file.html#name 跨页跳转
table
---tr th td caption
form
---name方便后台调用
表单:
用于收集用户信息
input type(text\password\radio\checkbox\file\button\submit\reset\)
textarea
select
========================================================================================================
form:
action:url地址 ;指定表单提交给什么程序处理
method:常见的表单提交方式,get或put
HTML5基础:布局
常用标签 a img p h1~h6
CSS3基础
样式 字体 盒子模型 浮动 定位 背景色...
HTML5进阶
新增语义化标签
CSS3进阶------------------------------------------------浏览器内核
PC页面 html5+css3(兼容:基础 + 兼容)移动端页面 html5+css3(进阶)
==============================================
H5:提高开发效率,不需要使用js实现
增加一些新的标签、属性、特性
广义具体变化:
1 新增语义化标签 ex: Header
2 本地存储
3 2D、3D
4 动画、过渡
5 兼容特性header 头部标签
nav 导航
article 内容
section 块级标签
aside 侧边栏
footer 尾部标签con:
增强语义化
移动端支持较好
ie9支持,需要把语义化标签转成块级标签
音频、视频:audio:
src 指定音频的url
controls 显示播放控件
autoplay 控制是否自动播放
loop 循环播放audio支持的音频格式[注意浏览器支持音频格式] mp3 wav ogg vorbis
//兼容方案input:PC端少于Android应用
email @
url http://
time
date
number
tel 手机端:输入数字
color
search
submittext
required 内容必填
placeholder="请输入用户名" 提示文本
autofocus 自动获得焦点
autocomplete=“on”[默认打开]\off 与 name="name123" 联合使用 浏览器提示之前输入的内容
file multiple 支持上传多个文件