a标签跳到另一个页面指定选项卡_HTML几个常用标签

最新推荐文章于 2021-08-26 12:59:52 发布

weixin_39956443

最新推荐文章于 2021-08-26 12:59:52 发布

阅读量163

点赞数

文章标签： a标签跳到另一个页面指定选项卡

整理了一些我常用的标签

图片不知道为啥怎么都传不上来然后本地写好的格式，弄到这来全乱了尴尬

H5: 能运行在微信上的网页统称为H5

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

作用：在网页中嵌套一个网页

参数：

src：需要嵌套的网页地址

name：用于定位嵌入的浏览上下文的名称（配合<a> 标签的target属性使用）

id ：用于定位嵌入的浏览上下文的id

importance：表示 <iframe> 的 src 属性指定的资源的加载优先级

auto（default）：不指定优先级。浏览器根据自身情况决定资源的加载顺序

high：资源的加载优先级较高

low：资源的加载优先级较低

width：设置iframe在页面显示的宽度单位是 xx px || xx%

height：设置iframe在网页显示的高度单位是 xx px || xx%

frameborder: 设置iframe 边框样式

<iframe src="./index2.html" frameborder="0" height="800px" width="80%"></iframe>

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

<a></a>标签

作用：跳转页面（GET请求）

参数：

href：给<a>标签绑定URL链接|| 跳转地址

1、无协议的 URL : xx.html

2、锚点：#xxx || ?xx = xxx || ./xx/xx.html

3、伪协议: javascript: ; || javascrpit:xxx();

download: 给超链接设置下载功能

target：该属性指定在何处显示链接的资源。取值为标签（tab），窗口（window），或框架（iframe）等浏览上下文的名称或其他关键词。以下关键字具有特殊的意义:

_self: 在当前页面打开，即当前的响应到同一HTML 4 frame（或HTML5浏览上下文）。此值是默认的，如果没有指定属性的话。

会在本页面打开链接

_blank: 空页面||新窗口打开，即到一个新的未命名的HTML4窗口或HTML5浏览器上下文

在新网页打开

_parent: 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文，此选项的行为方式与 _self 相同。

会在父级页面打开，效果与self类似

_top: IHTML4中：加载的响应成完整的，原来的窗口，取消所有其它frame。 HTML5中：加载响应进入顶层浏览上下文（即，浏览上下文，它是当前的一个的祖先，并且没有parent）。如果没有parent框架或者浏览上下文，此选项的行为方式相同_self

在祖级页面打开，效果与self 类似

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- <form>标签

作用：跳转页面（主要是发送POST请求）

注意： <form>标签内必须要有一个 submit 来提交数据

参数：

method：发送请求方式

action：属性规定当提交表单时，向何处发送表单数据。

target：与<a>标签效果一样

_blank

_self

_parent

_top

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

<input>标签

作用：根据 type 属性设置类型产生不同作用，没设置则采用的默认类型为 text

参数：

required：填布尔值，如果为真，表示只有当此<input>元素有值时，整个表单才能提交

value：当前<input>的值

size：当type类型为text || password时表示文字输入长度限制，size的值必须大于0，如未指定，则默认设置为20

type：设置<input> 的类型可用值包括

button：把<input>类型设置成一个按钮

checkbox：多选框

radio：单选框

name：在radio参数设置name属性，把互斥的选项给相同的name属性，让选项互斥

password：类型设置为密码，输入的文字将会加密成暗文

image：图片

submit：将<input>标签类型设置为submit 提交按钮

时间控件：

time：时、分

week：年、周（目标日期是当年的第几周，例：2020年一月八号是，2020年第二周）

mouth：输入年月（不含日时分秒）

dateTime-local：（年、月、日、时、分、秒)

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

<table>标签

作用：表格
子标签：
- <thead>
  - <th>: table headline
  - <tr>: table row：表的一行
  - <td>:tabel data : 表数据
- </thead>
- tbody > tr > td （同上）
- tfoot> tr > td （同上）