饥人谷技术博客

HTML-常用标签

2018-08-18  本文已影响4人  show_萧佩

HTML,是我们在学习前端的第一个门槛,它就仿佛是一个页面的骨架。这里我们介绍一些html的常用标签以及知识点。

首先标签也有不同,常见的有空标签(在 HTML 中,通常在一个空元素上使用一个闭标签是无效的),常用的有img,input,hr,link,meta标签。

可替换标签(CSS 里,可替换元素(replaced element)的展现不是由CSS来控制的),常见的有img,input,video

全局属性(以下属性是通用的,并且可以在所有HTML元素上指定(即使在本规范中未定义的那些):

accesskey class contenteditable dir draggable hidden id lang spellcheck style tabindex title translate

分类介绍完了,再来看看常用的标签

<a>,全称anchor(锚点),超链接(跳转页面(HTTP GET 请求)),它可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。跳转页面(HTTP GET 请求)

重要的属性有href(为锚定义一个超文本链接来源),target(该属性指定在何处显示链接的资源。 取值为标签(tab),窗口(window),或框架(iframe)等浏览上下文的名称或其他关键词。以下关键字具有特殊的意义:)

_self: 当前页面加载,即当前的响应到同一HTML 4 frame(或HTML5浏览上下文)。此值是默认的,如果没有指定属性的话。

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

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

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

href:

<form>标签  跳转页面(HTTP POST 请求)

action(规定当提交表单时向何处发送表单数据)

method

浏览器使用这种HTTP 方式来提交 form. 可能的值有:

post: 指的是 HTTP POST 方法 ; 表单数据会包含在表单体内然后发送给服务器.

get: 指的是 HTTP GET 方法; 表单数据会附加在 action属性的URI中,并以 '?' 作为分隔符, 然后这样得到的 URI 再发送给服务器. 当这样做(数据暴露在URI里面)没什么副作用,或者表单仅包含ASCII字符时,再使用这种方法吧。

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中加载。

 iframe标签 嵌套页面

input标签,空标签,常用属性:

type  要呈现的控件类型。有关各个类型的信息(例如type=text,type=password)

name(与表单数据一起提交)

value(常常当type=checkbox,radio使用)。加文本

table(表格),子元素thead,tbody,tfoot,colgroup,再次一级子元素(tr table row),td(table data),示例

上一篇下一篇

猜你喜欢

热点阅读