html5概述
- 学习备注
- 谷歌搜索 mdn html5即可看到所有html5的信息
- 章节标签：表示文章/书的层级
- 标题h1~h6
- 章节section
- 文章article
- 段落 p
- 头部header
- 脚部footer
- 主要内容main
- 旁支内容 aside
- 划分 div
- a标签：
- href:代表一个超链接（注意写出的连接在测试时不能直接双击打开，要借用插件得到一个本地地址在浏览器中去打开）
- a标签herf的取值
- 网址
- https://google.com
- http://google
- //google.com(最高级，兼容上面两种)
- 路径
- /a/b/c以及a/b/c/
- (这里的/不同于文件系统中的根目录/，它是当前开启该网址的项目的根目录)
- 而不以/开头就是当前目录
- index.html以及./index.html
- 伪协议
- javascript:代码; 现在多用于实现一个什么的不做的标签
- 用法如：<a href="javascript:;">点击查看</a>
- mailto:邮箱；用于实现点击后去调用所选择的邮件客户端，并将该邮箱自动写到发信箱的位置
- 用法如：<a href="maillto:12345689@126.com">发邮箱给某某</a>
- el:手机号
- 用法如：<a href="tel:12345688">打电话给我</a>
- javascript:代码; 现在多用于实现一个什么的不做的标签
- /a/b/c以及a/b/c/
- 网址
- a标签herf的取值
- target：指定在一个新窗口打开链接
- a的target 的取值
- 内置名字
- _blank :指点击链接后在新的空白窗口打开
- _top:指点击链接后在顶级页面打开
- -parent:指在当前链接所在的上级窗口中打开
- _self:在自己的这个位置打开，一般默认为_self
- 程序员命名
- window:以指定窗口的名字打开，若没有则创建一个，有就一直用它
- iframe
- 内置名字
- a的target 的取值
- download:一般不常用
- 不是打开页面，而是下载页面，手机浏览器可能不支持
- rel=noopener:用来解决bug
- href:代表一个超链接（注意写出的连接在测试时不能直接双击打开，要借用插件得到一个本地地址在浏览器中去打开）
- iframe标签
- 内嵌窗口，现在只有一些老系统在用
- table标签
- 语法
- 里面只有三个常用的标签
- 用法如下：
<table> a table<tr> tr表示table里的一行<.thead>这里写表头<tr> tr表示table里的一行<th>英语</th><th>语文</th></tr></thead><.tbody><tr><td>表中数据 </td></tr></tbody><.tfoot></tfoot></table>
- 相关的样式
- table-layout
- border-collapse
- border-spacing
- 语法
- img标签
图片- 语法
- <img src="图片地址" alt="如果图片加载失败就显示这里的文字"/>
- 作用
- 发出get请求，展示一张图片
- 属性
- alt/height/weigth/src
- 事件
- onload/onerror
- 用来监听图片是否加载成功，加载成功就调用onload，加载失败就调用onerror,可以根据加载结果放一张备用图来提示用户
- onload/onerror
- 响应式
- max-100%
- 常用于使图片能随着手机屏幕大小而自适应占满，不会发生尺寸错误
- max-100%
- 可替换元素（考试可能考）
- 语法
- form标签
表单- 作用
- 发get或post请求，然后刷新页面
- 属性
- action:用来控制请求或是发送哪个页面，此处填入一个页面地址
- autocomplete:用来在输入框在输入后是否出现一些提示输入
- method：用来控制是用get还是post
- target：用来控制提交到哪个页面
- 事件
- onsubmit
- 作用
- input标签
- 作用
- 让用户输入内容
- 属性
- 事件
- onchange：当用户提交改变时触发
- onfocus:当用户将鼠标击中到某部分时触发
- onblur：当用户将鼠标从某部分出来时触发
- 验证器
- html5新增功能
- 作用
- 注意事项
- 一般不监听input的click事件
- form里面的input要有name
- from里要放一个type=submit才能触发submit