您的位置:首页 > Web前端 > HTML

html基础知识

2013-12-30 17:32 197 查看
一、属性

html和xhtml的标准属性


核心属性 (Core Attributes)

以下标签不提供下面的属性:base、head、html、meta、param、script、style 以及 title 元素。
属性描述
classclassname规定元素的类名(classname)
idid规定元素的唯一 id
stylestyle_definition规定元素的行内样式(inline style)
titletext规定元素的额外信息(可在工具提示中显示)


语言属性 (Language Attributes)

以下标签不提供下面的属性:base、br、frame、frameset、hr、iframe、param 以及 script 元素。
属性描述
dirltr | rtl设置元素中内容的文本方向。
langlanguage_code设置元素中内容的语言代码。语言代码参考
xml:langlanguage_code设置 XHTML 文档中元素内容的语言代码。语言代码参考


键盘属性 (Keyboard Attributes)

属性描述
accesskeycharacter设置访问元素的键盘快捷键。
tabindexnumber设置元素的 Tab 键控制次序。
二、事件


窗口事件 (Window Events)

仅在 body 和 frameset 元素中有效。
属性描述
onload脚本当文档被载入时执行脚本
onunload脚本当文档被卸下时执行脚本


表单元素事件 (Form Element Events)

仅在表单元素中有效。
属性描述
onchange脚本当元素改变时执行脚本
onsubmit脚本当表单被提交时执行脚本
onreset脚本当表单被重置时执行脚本
onselect脚本当元素被选取时执行脚本
onblur脚本当元素失去焦点时执行脚本
onfocus脚本当元素获得焦点时执行脚本


图像事件 (Image Events)

该属性可用于 img 元素:
属性描述
onabort脚本当图像加载中断时执行脚本


键盘事件 (Keyboard Events)

在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
属性描述
onkeydown脚本当键盘被按下时执行脚本
onkeypress脚本当键盘被按下后又松开时执行脚本
onkeyup脚本当键盘被松开时执行脚本


鼠标事件 (Mouse Events)

在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
属性描述
onclick脚本当鼠标被单击时执行脚本
ondblclick脚本当鼠标被双击时执行脚本
onmousedown脚本当鼠标按钮被按下时执行脚本
onmousemove脚本当鼠标指针移动时执行脚本
onmouseout脚本当鼠标指针移出某元素时执行脚本
onmouseover脚本当鼠标指针悬停于某元素之上时执行脚本
onmouseup脚本当鼠标按钮被松开时执行脚本
三、http方法


两种 HTTP 请求方法:GET 和 POST

在客户机和服务器之间进行请求-响应时,两种最常被用到的方法是:GET 和 POST。

GET - 从指定的资源请求数据。

POST - 向指定的资源提交要被处理的数据


GET 方法

请注意,查询字符串(名称/值对)是在 GET 请求的 URL 中发送的:
/test/demo_form.do?name1=value1&name2=value2


有关 GET 请求的其他一些注释:

GET 请求可被缓存

GET 请求保留在浏览器历史记录中

GET 请求可被收藏为书签

GET 请求不应在处理敏感数据时使用

GET 请求有长度限制

GET 请求只应当用于取回数据


POST 方法

请注意,查询字符串(名称/值对)是在 POST 请求的 HTTP 消息主体中发送的:
POST /test/demo_form.do
name1=value1   name2=value2


有关 POST 请求的其他一些注释:

POST 请求不会被缓存

POST 请求不会保留在浏览器历史记录中

POST 不能被收藏为书签

POST 请求对数据长度没有要求


比较 GET 与 POST

下面的表格比较了两种 HTTP 方法:GET 和 POST。
GETPOST
后退按钮/刷新无害数据会被重新提交(浏览器应该告知用户数据会被重新提交)。
书签可收藏为书签不可收藏为书签
缓存能被缓存不能缓存
编码类型application/x-www-form-urlencodedapplication/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。
历史参数保留在浏览器历史中。参数不会保存在浏览器历史中。
对数据长度的限制是的。当发送数据时,GET 方法向 URL 添加数据;URL 的长度是受限制的(URL 的最大长度是 2048 个字符)。无限制。
对数据类型的限制只允许 ASCII 字符。没有限制。也允许二进制数据。
安全性与 POST 相比,GET 的安全性较差,因为所发送的数据是 URL 的一部分。

在发送密码或其他敏感信息时绝不要使用 GET !
POST 比 GET 更安全,因为参数不会被保存在浏览器历史或 web 服务器日志中。
可见性数据在 URL 中对所有人都是可见的。数据不会显示在 URL 中。


其他 HTTP 请求方法

下面的表格列出了其他一些 HTTP 请求方法:
方法描述
HEAD与 GET 相同,但只返回 HTTP 报头,不返回文档主体。
PUT上传指定的 URI 表示。
DELETE删除指定资源。
OPTIONS返回服务器支持的 HTTP 方法。
CONNECT把请求连接转换到透明的 TCP/IP 通道。
四、标签大全,转自w3cschool

标签描述DTD
<!DOCTYPE> 定义文档类型。STF
<html>定义 HTML 文档。STF
<body>定义文档的主体。STF
<h1>
to <h6>
定义 HTML 标题。STF
<p>定义段落。STF
<br>定义简单的折行。STF
<hr>定义水平线。STF
<!--...-->定义注释。STF
标签描述DTD
<b>定义粗体文本。STF
<font>不赞成使用。定义文本的字体、尺寸和颜色TF
<i>定义斜体文本。STF
<em>定义强调文本。STF
<big>定义大号文本。STF
<strong>定义语气更为强烈的强调文本。STF
<small>定义小号文本。STF
<sup>定义上标文本。STF
<sub>定义下标文本。STF
<bdo>定义文本的方向。STF
<u>不赞成使用。定义下划线文本。TF
标签描述DTD
<pre>定义预格式文本STF
<code>定义计算机代码文本。STF
<tt>定义打字机文本。STF
<kbd>定义键盘文本。STF
<var>定义文本的变量部分。STF
<dfn>定义定义项目。STF
<samp>定义计算机代码样本。STF
<xmp>不赞成使用。定义预格式文本。
标签描述DTD
<acronym>定义只取首字母的缩写。STF
<abbr>定义缩写。STF
<address>定义文档作者或拥有者的联系信息。STF
<blockquote>定义块引用。STF
<center>不赞成使用。定义居中文本。TF
<q>定义短的引用。STF
<cite>定义引用(citation)。STF
<ins>定义被插入文本。STF
<del>定义被删除文本。STF
<s>不赞成使用。定义加删除线的文本。TF
<strike>不赞成使用。定义加删除线的文本。TF
标签描述DTD
<a>定义锚。STF
<link>定义文档与外部资源的关系。STF
标签描述DTD
<frame>定义框架集的窗口或框架。F
<frameset>定义框架集。F
<noframes>定义针对不支持框架的用户的替代内容。TF
<iframe>定义内联框架。TF
标签描述DTD
<form>定义供用户输入的 HTML 表单。STF
<input>定义输入控件。STF
<textarea>定义多行的文本输入控件。STF
<button>定义按钮。STF
<select>定义选择列表(下拉列表)。STF
<optgroup>定义选择列表中相关选项的组合。STF
<option>定义选择列表中的选项。STF
<label>定义 input 元素的标注。STF
<fieldset>定义围绕表单中元素的边框。STF
<legend>定义 fieldset 元素的标题。STF
<isindex>不赞成使用。定义与文档相关的可搜索索引。TF
标签描述DTD
<ul>定义无序列表。STF
<ol>定义有序列表。STF
<li>定义列表的项目。STF
<dir>不赞成使用。定义目录列表。TF
<dl>定义定义列表。STF
<dt>定义定义列表中的项目。STF
<dd>定义定义列表中项目的描述。STF
<menu>不赞成使用。定义菜单列表。TF
标签描述DTD
<img>定义图像。STF
<map>定义图像映射。STF
<area>定义图像地图内部的区域。STF
标签描述DTD
<table>定义表格STF
<caption>定义表格标题。STF
<th>定义表格中的表头单元格。STF
<tr>定义表格中的行。STF
<td>定义表格中的单元。STF
<thead>定义表格中的表头内容。STF
<tbody>定义表格中的主体内容。STF
<tfoot>定义表格中的表注内容(脚注)。STF
<col>定义表格中一个或多个列的属性值。STF
<colgroup>定义表格中供格式化的列组。STF
标签描述DTD
<style>定义文档的样式信息。STF
<div>定义文档中的节。STF
<span>定义文档中的节。STF
标签描述DTD
<head>定义关于文档的信息。STF
<title>定义文档的标题。STF
<meta>定义关于 HTML 文档的元信息。STF
<base>定义页面中所有链接的默认地址或默认目标。STF
<basefont>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。TF
标签描述DTD
<script>定义客户端脚本。STF
<noscript>定义针对不支持客户端脚本的用户的替代内容。STF
<applet>不赞成使用。定义嵌入的 applet。TF
<object>定义嵌入的对象。STF
<param>定义对象的参数。
以上内容部分转自w3cshool
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息