htmlparser 获取某a标签地址_HTML常用标签

一、a标签

作用

1. 跳转到外部页面
2. 跳转到内部锚点
3. 跳转到邮箱或者电话

属性

1、href，可填写的值如下：

a、网址

<

b、路径

<

c、伪协议

<

2. target

有4个属性值，分别为self、top、_blank和_parent，默认为self。

self指刷新当前窗口，top刷新顶层窗口，_blank则是新开一个tab加载，_parent则是刷新父窗口。

示例代码如下：

<

3、download

HTML5标准用于实现文件下载功能，有兼容性问题

4、rel=noopener

作用比较复杂，具体参考下方博客：

https://www.hexuanzhang.com/336590812.html

二、table标签

作用

用于实现一个表格功能，比如下方这种功能介绍页的表格：

相关标签

1. thead
2. tbody
3. tfoot

相关样式

1. table-layout
2. border-collapse
3. border-spacing

三、image标签

作用：发出get请求，展示图片

属性：

1. alt：图片描述相关，当图片加载失败时，其值会被展示出来、
2. width：图片宽度
3. height：图片高度
4. src：图片来源

事件：

1. onload：当图片加载成功时触发
2. onerror：当图片加载失败时出发

响应式：

可以通过这样的css代码实现响应式：max-width：100%

四、form标签

作用：发送get或post请求，刷新页面

属性：

1. action：表单提交数据到某一个url
2. autocomplete：是否自动填充表单，但是input必须要有name属性
3. method：使用get方法还是post方法
4. target：指定请求后再某个iframe上刷新，其值为iframe的name属性

事件：

1. onsubmit，当你提交表单便会出发

五、input标签：

作用：让用户输入内容

属性：

1、type

有如下属性值：

button，checkbox，email，file，hidden, number
password，radio, search，submit，tel，text
//示例代码
<input type="button">

其他属性：

name
autofocus
checked
disabled
maxlength
pattern
value
placeholder

事件

1. onchange：表单内容发生变化时
2. onfocus：表单获取焦点时
3. onblur：表单失去焦点时

其他标签

1. select+option
2. textarea
3. label
4. video
5. audio
6. canvas
7. svg

注意事项：

1. 一般不监听input的click时间
2. form里面的input要有name睡醒
3. 一个form要放一个type=submit才能出发submit事件