基础标签
基础标签名
- 标题 -> <h1 ~ h6> --- 头部 -> header
- 章节 -> section ------- 脚步 -> footer
- 文章 -> article ----- 主要内容 -> main
- 段落 -> p --- 旁支内容 -> aside
- 划分 -> div
全局属性
- class -1- [class=abc]{} - 2-.abc{}
- contenteditable -- 可编辑？
- hidden --隐藏 可用css显示
- id -- 唯一 不常用 -1- [id=abc]{} - 2-#abc{}
- style -- 标签样式
- tabindex -- 可交互页面所有元素 需设置1，2，···，8(可不连续)
- title
默认样式
- HTML标签自身属性 [HTML咸鱼css创建]
- User Agent 浏览器
- 默认样式 -- 自己设置reset.css
element -> styles -> user agent stylesheet
常用英语
| 英语 | 翻译 | --- | 英语 | 翻译 |
|---|---|---|---|---|
| hyper | 超级 | --- | blank | 空白 |
| target | 目标 | --- | parent | 父母之一 |
| reference | 引用 | --- | self | 自己 |
| frame | 框架 | --- | load | 加载 |
| error | 错误 | --- | canvas | 画布 |
内容标签
- ol + li 有序列表
- ul + li 无序列表
- dl + dt + dd 表格
- pre 显示代码 结合code
- code 等宽显示
- hr 分隔线
- br 换行
- a anchor跳转
- em 语气强调
- strong 本身强调
- quote 内联引用
- blackquote 块级引用
常用标签
a 标签
属性
- herf
- target
- download ×
- ref = noopener
作用
- 跳转外部页面
- 跳转内部锚点
- 跳转到邮箱或电话
a 的 herf 取值
-
网址
https://baidu.com/ http://baidu.com/ //baidu.com/ -
路径
/a/b/c 以及 a/b/c index.html（当前目录寻找） ./index.html 注： 本地打开index.html文件，跳转会出现根目录错误 -
伪协议
javascript: 代码; mailto: axing_1207@163.com tel: 手机号 -
id
herf = #xxx 跳转内部位置
a 的 target 取值
-
内置名字
_blank 新页面打开 _top 在最顶层页面打开 _parent 在当前页面的上一级打开 _self 默认 -
程序员命名
window.xxx window 的 name iframe 的 name
a 的 download
-
作用
不是打开页面，而是下载应用 -
问题
部分浏览器支持，手机浏览器可能不支持
iframe标签
- 内嵌窗口
- 老标签，被淘汰
table 标签
thred
<tr>
<th></th>
<th></th>
</tr>
- 表头 --- 可省略
tbody
<tr>
<td></td>
<td></td>
</tr>
- 数据层
tfoot
<tr>
<td></td>
<td></td>
</tr>
- 表尾 --- 可省略
样式
-
table-layout
auto --- 与表头文字等宽 fixed -- 等宽 - 表格设置 width: ... inherit initial unset
-
table-collaspe 间隙是否合并
默认设置（reset.css） collapse;
-
table-space 空隙大小
默认设置（reset.css） 0;
image 标签
- 最好写上 src alt 方便SEO
作用
- 发出 GET 请求，展示一张图片
属性
- alt 请求出错后，显示- 图片描述 - alt=“图片描述”
- src 图片源
- width 设置原则 - 图片不变形
- height 设置原则 - 图片不变形
事件
- onload / onerror
- 作用：监听事件是否加载成功
- success -> onload
- error -> onerror
响应式
- min / max - width / height
- vh vw
form 标签 -- 表单 -- ※※
作用
- 发出 GET / POST 请求，然后刷新页面。
属性
- action 请求 网址、页面、HTML
- autocomplate on / off
- method GET / POST
- target 类似 a 标签
事件
- onsubmit 提交时触发
input 标签 -- 可在 form 下
作用
- 让用户输入内容
属性
1.类型：type
- buytton / checkbox / email / file / hidden / number /
- passward / radio / search / submit / tel / text
2.其他：
- name / placeholder / valur
- autofocus / checked / disabled / maxlength / pattern
事件
- onchange 改变时触发
- onfocus 聚焦时触发
- onblur 失去聚焦时触发
其他输入标签 -- 可在 form 下
- select + option
- textarea
- label
注意事项
- 一般不监听input 的 click 事件
- form 内的 input 要有 name
- form 里面要放一个 type = submit 才能触发 submit 事件
其他标签
- video
- audio
- canvas
- svg
注意事项
-
这些标签需要查阅文档
