首页 > 代码库 > HTML(2)
HTML(2)
- 字符集
为什么要有字符集,是因为计算机只能处理二进制数据,为了让计算机能够识别人类的语言(0-9、a-z、A-Z、特殊符号),我们就需要对每一个字符进行"编码"
所谓"编码"就是:每一个字符用不同的二进制数表示;
ASCLL编码:用一个字节(8位二进制)来表示字符,共可以显示256
ANSI编码: ASCLL编码的扩展 用于显示本国的语言
在中文操作系统 gb2312 用两个字节(16个二进制) ,共可以表示2^16个字符
繁体操作系统 big5
GBK编码: 对gb2312进行扩充,收录了一些冷门字,罕见字,古汉语.......
Unicode编码:计划将世界所有字符收录,用4个字节(32位二进制)表示一个字符
UTF-8编码:(多国语言编码) 不同的字符,会自动选择合适的编码来进行翻译
- Meta标签
描述网页文档属性
http-equiv 模拟的是http文件头信息,当内容从服务器端发送给客户端,告诉浏览器如何正确显示网页信息
字符集: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 多国语言
网页自动刷新: <meta http-equiv="refresh" content="4"/> 间隔4秒网页自动刷新
<meta http-equiv="refresh" content="5;http://www.baidu.com"/> 等待5秒自动跳转到百度页面
Name(设置网页的关键字,描述信息等): <meta name="keywords" content="关键字"> 便于搜索引擎的需要
<meta name="description" content="网站的描述信息"> 便于搜索引擎的需要
<meta name="author" content="网站作者">
- 表单
可以获取客户端的信息(数据),表单有各种各样的控件,输入框、复选框、按钮等等
表单的功能: 交互功能
表单的工作原理:
浏览有表单的页面,填写必要的信息,然后单击某个提交按钮;
对表单中的数据进行验证,如果不符合制定的要求,提示验证未通过,
如果符合相应的要求,把数据提交到服务器端,数据放入数据库中
表单分为前台的制作页面,后台php对数据的处理,数据的增加、删除、修改、查询等
表单的结构
<form 属性="属性值">
控件
</form>
表单的属性
表单的识别名称 name <form name="自定义名称"></form> 一个页面有多处表单时,通过表单名区分你提交的是哪一个表单的数据
提交页面 action <form action="XXX.php"></form> 将数据提交到数据处理程序 值为空时,提交到当前页面
提交方法 method <form method=""></form> 传递数据的方法 取值有 get 和 post
get方法 默认的一种数据传递方法
通过地址栏来传递表单中的数据(安全性不高)
特点: 不能传递敏感的数据 密码之类的
不能传递大量的数据,每次只能传递1024个字节
不能传递附件
post方法 不通过地址栏传递信息,直接传给后台处理程序(相对安全)
可以传递海量数据
可以传递附件
- 控件
单行文本框(单标签,行内标签)
语法 <input type="text" />
属性 name="自定义名称" 单行文本框的识别名称,把输入框中的数据,提交到文件的处理程序
size="数值" 输入框的宽度,以字符为单位
maxlength="数值" 最多允许输入的字符数
value="http://www.mamicode.com/内容" 设置输入框的初始值,在输入框中默认的数据信息
密码框
语法 <input type="password" />
属性 name 密码框的识别名称
size 密码框的宽度,以字符为单位
maxlength 允许输入的最大字符数
value 初始值
readonly="readonly" 只读属性,只能选中,不能修改(不常用)
disabled 禁止属性,不可选中,不可更改
单选按钮
语法 <input type="radio" />
属性 name 单选按钮组的识别名称
value 设置初始值
复选框
语法 <input type="checkbox" />
属性 name 多选按钮组的识别名称
value 设置每一项的初始值
checked 默认被选中
多行文本框
语法 <textarea></textarea>
属性 name 多行文本框的识别名称
value 不要出现value,如果要显示默认信息,在<textarea></textarea>直接输入
rows 显示多少行内容
cols 一行显示多少个字符
下拉列表
语法 <select>
<option>给客户显示的信息</option>
<option>给客户显示的信息</option>
.......
</select>
属性 name 下拉列表的识别名称
value 代表每一项的初始值
隐藏域 隐藏起来不是给客户看,是给程序用的
语法 <input type="hidden" name="自定名称" /> 通常不设置value
文件域
语法 <input type="file" />
属性 name 文件域的识别名称
value 不写value,而是通过单击按钮来选择文件,选择的文件就是value值
value是只读属性
按钮
提交按钮 <input type="submit" value="http://www.mamicode.com/按钮上的文字"/>
图片按钮(属于提交按钮的一种) <input type="image" src="http://www.mamicode.com/图片的地址" />
重置按钮 <input type="reset" value="http://www.mamicode.com/按钮上的文字"/> 恢复到默认设置的状态
普通按钮 <input type="button" value="http://www.mamicode.com/按钮上的文字"/> 本身没有任何功能,必须结合程序构成功能
- Xhtml(可扩展的超文本标记语言)---取代 html(pc机)---面向当今的移动端设备
语法(xhtml的语法比html严格)
xhtml输入的标签和属性必须是小写
xhtml单标签后必须加 /
xhtml属性必须用双引号
xhtml必须有DTD(文档类型定义)
DTD(document type definition)文档类型定义,是一种验证机制,检验输入的xhtml是否符合规范
DTD的分类
过渡型xhtml-transitional: 允许使用表现的标签和属性 如<b> <u> <i>
严格型xhtml-strict: 不允许使用表现的标签和属性 必须使用css来实现
框架型xhtml-frameset: 给框架用
HTML(2)