html基础知识

一、属性

html和xhtml的标准属性

核心属性 (Core Attributes)

以下标签不提供下面的属性:base、head、html、meta、param、script、style 以及 title 元素。

属性 描述
class classname 规定元素的类名(classname)
id id 规定元素的唯一 id
style style_definition 规定元素的行内样式(inline style)
title text 规定元素的额外信息(可在工具提示中显示)

语言属性 (Language Attributes)

以下标签不提供下面的属性:base、br、frame、frameset、hr、iframe、param 以及 script 元素。

属性 描述
dir ltr | rtl 设置元素中内容的文本方向。
lang language_code 设置元素中内容的语言代码。语言代码参考
xml:lang language_code 设置 XHTML 文档中元素内容的语言代码。语言代码参考

键盘属性 (Keyboard Attributes)

属性 描述
accesskey character 设置访问元素的键盘快捷键。
tabindex number 设置元素的 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。

  GET POST
后退按钮/刷新 无害 数据会被重新提交(浏览器应该告知用户数据会被重新提交)。
书签 可收藏为书签 不可收藏为书签
缓存 能被缓存 不能缓存
编码类型 application/x-www-form-urlencoded application/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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值