HTML常用标签
一、常用标签
1.iframe标签
<iframe>标签用于嵌套页面。
常用属性
height:
以CSS像素格式HTML5,或像素格式HTML 4.01,或百分比格式指定frame的高度。
src:
嵌套页面的URL地址。使用遵守同源策略的'about:blank'来嵌套空白页。
name:
嵌入的浏览上下文(框架)的名称。该名称可以用作<a>标签,<form>标签的target属性值,或<input> 标签和 <button>标签的formtaget属性值。
width:
以CSS像素格式HTML5,或以像素格式HTML 4.01,或以百分比格式指定frame的宽度。
2.a标签
<a>标签定义超链接用来指定页面间的跳转。
常用属性
download HTML5:
此属性指示浏览器下载 URL 而不是导航到它,因此将提示用户将其保存为本地文件。
href:
包含超链接指向的 URL 或 URL 片段。
ping:
包含一个以空格分隔的url列表,当跟随超链接时,将由浏览器(在后台)发送带有正文 PING 的 POST 请求。通常用于跟踪。
target:
该属性指定在何处显示链接的资源。 取值为标签(tab),窗口(window),或框架(iframe)等浏览上下文的名称或其他关键词。以下关键字具有特殊的意义:
_self: 当前页面加载,即当前的响应到同一HTML 4 frame(或HTML5浏览上下文)。此值是默认的,如果没有指定属性的话。
_blank: 新窗口打开,即到一个新的未命名的HTML4窗口或HTML5浏览器上下文
_parent: 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文,此选项的行为方式与 _self 相同。
_top: IHTML4中:加载的响应成完整的,原来的窗口,取消所有其它frame。 HTML5中:加载响应进入顶层浏览上下文(即,浏览上下文,它是当前的一个的祖先,并且没有parent)。如果没有parent框架或者浏览上下文,此选项的行为方式相同_self。
3.form标签
<form>标签定义提交方式、提交地址、表单字符集以及如何对其进行编码。
常用属性
action:
一个处理这个form信息的程序所在的URL。这个值可以被<button> 或者<input> 元素中的formaction 属性重载(覆盖)。
method:
浏览器使用这种HTTP 方式来提交 form. 可能的值有:
post: 指的是 HTTP POST 方法 ; 表单数据会包含在表单体内然后发送给服务器.
get: 指的是 HTTP GET 方法; 表单数据会附加在 action属性的URI中,并以 '?' 作为分隔符, 然后这样得到的 URI 再发送给服务器. 当这样做(数据暴露在URI里面)没什么副作用,或者表单仅包含ASCII字符时,再使用这种方法吧。
name:
这个form的名字。HTML5中,一个文档中的多个form当中,name必须唯一而不仅仅是一个空字符串。
target:
一个名字或者说关键字,用来指示在提交表单之后,在哪里显示收到的回复. 在 HTML 4 里, 这是一个用于 frame 的名字/关键字. 在 HTML5 里, 这是一个用于browsing context 浏览器上下文的名字/关键字 (举例来说, 标签页tab, 窗口window, or 或者行内 frame). 如下的关键字含有特别的含义:
_self: 在当前HTML4或HTML5文档页面重新加载返回值。这个是默认值。译注:也就是说如果这个文档在一个frame中的话,self是在当前frame(document)中重新加载的,而不是整个页面(window)。
_blank: 以新的HTML4或HTML5文档窗口加载返回值。
_parent: 在父级的frame中以HTML4或HTML5文档形式加载返回值,如果没有父级的frame,行为和_self一致。
_top: 如果是HTML 4文档: 清空当前文档,加载返回内容;HTML5: 在当前文档的最高级内加载返回值,如果没有父级,和_self的行为一致。
iframename: 返回值在指定frame中加载。
4.table标签
<table>标签用于定义HTML表格。
<tr>定义表格行,<th>定义表头,<td>定义表格单元。
属性:很多属性已被废弃,请使用CSS代替。
5.input&button标签
<input>标签用于接受用户数据,<button>标签用于表示按钮。
(1)input:
常用属性
type:
要呈现的控件类型。有关各个类型的信息,请参阅Form <input> types,其中包含指向每个类型的更多信息的链接。
accept:
如果该元素的 type 属性的值是file,则该属性表明了服务器端可接受的文件类型;否则它将被忽略。该属性的值必须为一个逗号分割的列表,包含了多个唯一的内容类型声明:
以 STOP 字符 (U+002E) 开始的文件扩展名。(例如:".jpg,.png,.doc")
一个有效的 MIME 类型,但没有扩展名
audio/* 表示音频文件 HTML5
video/* 表示视频文件 HTML5
image/* 表示图片文件 HTML5
name:
控件的名称,与表单数据一起提交。
src:
如果type属性的值是image, 这个属性指定了按钮图片的路径; 否则它被忽视.
(2)button
常用属性
form HTML5:
表示button元素关联的form元素(它的表单拥有者)。此属性值必须为同一文档中的一个<form>元素的id属性。如果此属性未指定,<button>元素必须是form元素的后代。利用此属性,你可以将<button>元素放置在文档内的任何位置,而不仅仅是作为他们form元素的后代。
name:
button的名称,与表单数据一起提交。
type:
button的类型。可选值:
submit: 此按钮将表单数据提交给服务器。如果未指定属性,或者属性动态更改为空值或无效值,则此值为默认值。
reset: 此按钮重置所有组件为初始值。
button: 此按钮没有默认行为。它可以有与元素事件相关的客户端脚本,当事件出现时可触发。
menu: 此按钮打开一个由指定<menu>元素进行定义的弹出菜单。
value:
button的初始值。它定义的值与表单数据的提交按钮相关联。当表单中的数据被提交时,这个值便以参数的形式被递送至服务器。
二、知识点延伸
1.空标签
含义:没有闭合的标签称为空标签,他们不存在成对的情况(<colgroup>除外)。而且在HTML中,在空标签上使用闭标签是无效的。
常见的空标签有:<area>、<base>、<br>、<col>、<colgroup>、<command>、<embed>、<hr>、<img>、<input>、<keygen>、<link>、<meta>、<param、><source>、<track>、<wbr>等等。
参考博客:https://blog.csdn.net/weixin_43324026/article/details/82926408
2.可替换标签
含义:指标签会被替代,例如<img>标签会被下载的图片替代。
典型的可替换元素有: <img>、<object>、<video> 和 表单元素,如<textarea>、<input> 。 某些元素只在一些特殊情况下表现为可替换元素,例如<audio> 和<canvas>。
网友评论