美文网首页
HTML常用标签

HTML常用标签

作者: sean_lau | 来源:发表于2019-07-09 17:27 被阅读0次

                              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>。

相关文章

  • html入门级常用标签

    html入门级常用标签 html的格式规范 html中常用的标签 html中常用标签有a、form、input、b...

  • HTML笔记-- 其他常用标签

    HTML笔记-- 其他常用标签 标签(空格分隔): HTML html中其他常用标签: b:加粗 s:删除线 u:...

  • HTML常用标签

    HTML常用标签 一、常用标签 1.iframe标签 标签用于嵌套页面。 常用属性 ...

  • CSS课程1

    HTML常见标签 HTML常用标签的重要属性

  • HTML常用标签总结

    HTML 常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:Hyper...

  • HTML常用标签总结

    HTML常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:HyperT...

  • 2019-08-09

    html常用标签及标签特点

  • CSS 和HTML注意事项

    目录 HTML常用标签 CSS使用规范 HTML常用标签 /可以单独或者配合ul ol标签使用/ CSS使用规范...

  • HTML标签

    HTML标签一览 这个部分就介绍一些常用标签。 那么Html标签一览就到这里... Html常用的标签就这些了,这...

  • HTML笔记-文字标签和注释标签

    HTML笔记-文字标签和注释标签 标签(空格分隔): HTML HTML中常用的标签 文字标签: 修改文字的样式 ...

网友评论

      本文标题:HTML常用标签

      本文链接:https://www.haomeiwen.com/subject/wsdizqtx.html