XHTML语言详解

来源：互联网发布：js 字符串split 编辑：程序博客网时间：2024/05/19 06:15

HTML：HyperText Markup Language(超文本标记语言)
HTML语言发展历史：
HTML第一版：1993年6月由互联网工程小组作为工作草案发布
HTML2.0:1995年11月作为RFC 1866发布发布
HTML3.2:1996年1月14日由W3C组织发布，是HTML文档第一个被广泛使用的标准。
HTML4.0:1997年12月18日由W3C组织发布，也是W3C推荐标准。
HTML4.0.1:1999年12月24日由W3C组织发布，是HTML文档另一个重要的，被广泛使用的标准。
XHTML1.0:发布于2000年1月26日，是W3C推荐标准，后来修订于 2002年8月1号重新发布。

HTML4.0.1和XHTML
XHTML:eXtensible HyperText Markup Language即可扩展超文本标记语言。

XML文档是一种结构化文档：有四条规则
整个文档有且仅有一个根元素
每个元素由开始标签和结束标签组成
元素与元素之间应该合理嵌套
元素的属性必须有属性值

XHTML文档的所有标记必须是小写字母。
XHTML最基本的标签：
<html>:在XHTML文档中使用时可指定一个xmlns属性，其值只能是：http://www.w3.org/1999/xhtml.
<body>:定义XHTML文档的页面主体部分
可指定id,class,style等核心属性
还可指定onload,onunload,onclick,ondblclick,onmousedown,onmouseseup,onmouseover,onmousemove,onmouseout,onkeypress,onkeydown,onkeyup等事件属性这些属性用于指定JavaScript脚本。
<style>:该属性用于引入样式定义
<h1>-<h6>:定义标题一到六标题
<p>:定义段落，该标签可以指定id,class,style等核心属性，还可以指定onclick等各种事件属性。
<br/>:插入一个换行，
<hr/>:定义水平线
:定义注释
<div>:定义文档中的节
<span>:与<div>基本相似，区别是所定义的节默认不会换行。

<span>和<p>元素只能包含文本，图像，超级链接，文本格式化元素和表单控件元素等内容。
<p>可以包含<span>,但<span>不可以包含<p>
<div>可以包含<span>和<p>,<h1>-<h6>,<form.../>,<table.../>,列表项元素和<div.../>元素。

文本格式化标签：
<b>:定义粗体文本
<i>:定义斜体文本
<em>:定义强调文本
<big>:定义大号字体文本。
<strong>:定义粗体文本
<small>:定义小号字体
<sup>:定义上标文本
<sub>:定义下标文本
<bdo>:定义文本显示的方向

<a.../>元素定义超级链接：有俩个重要的属性：
href:指定超级链接所关联的另一个资源
target:指定使用框架集中的哪个框架来装载另一个资源。
URL(Uniform Resource Locator即统一资源定位器)

列表相关标签：
<ul>:定义无序列表
<ol>:定义有序列表：可以指定如下两个属性：start:指定列表项的起始数字
type:指定使用哪种类型的编号
<li>:定义列表项目
<dl>:定义标题列表项
<dd>:定义普通列表项

图像相关标签：
<img.../>:必须指定如下两个属性：
src:用于指定图片文件的所在位置
alt:用于指定一段文本作为该图片的提示信息
还可以指定如下两个可选属性：
height:用于指定图像的高度
width:用于指定该图像的宽度
与图像相关的两个标签：
<map>:用于定义图像映射
<area>:用于定义图像映射的内部区域
还可以指定如下属性：
shape:指定内部区域时哪种区域
coords:可指定多个坐标值，用于确定区域位置
href:用于确定该区域所链接的资源
alt:用于指定一段文本
target:用于指定使用框架中的那个框架来转载另一个资源

表格相关标签：
<table>:用于定义表格
<caption>:用于指定表格标题
<tr>用于定义表格的行
<td>:用于定义单元格
<th>：用于定义表格页眉的单元格
<tbody>:用于定义表格的主体
<thead>:用于定义表格的页头
<tfoot>:用于定义表格的页脚

框架相关标签：
框架集主页面不允许包含<body.../>子元素，应将<body.../>子元素放在<noframes.../>元素之中
<frameset>:用于定义一个框架集，以包含其它框架：两个重要属性：rows和cols：用以指定框架集中各框架的高度和宽度
<frame>:用于定义框架集中的一个框架：属性：frameborder,marginheight,marginwidth,name,noreseze,scrolling,src
<noframes>:用于定义框架集的非框架部分
<iframeset.../>：用于生成一个内联框架

XHTML的表单标签：
表单，表单控件的主要作用：收集用户输入。
<form.../>：用于创建输入表单：属性：action,method,enctype,name,target
<form.../>元素的method属性非常重要，用于指定该表单提交请求的方式，默认以GET方式提交请求。
GET请求和POST请求的区别：
GET方式的请求：传送的数据量小，一般不能大于2KB
POST方式的请求：传送的数据量较大，往往取决于服务器的限制。放在HTML Header中传输，安全性比较高。
enctype属性：用于指定表单数据的编码方式：application/x-www-form-urlencoded:默认编码，multipart/form-data:以二进制流的方式来处理表单数据。text/plain:适用于直接通过表单发送邮件。

适用input元素：
单行文本框：text
密码输入框：password
隐藏框：hidden
单选框：radio
复选框：checkbox
图像域：image
文件上传域：file
提交，重设，无动作按钮：submit,reset,button

让标签和表单控件关联的两种方式：
隐式使用for属性显示关联

使用button定义按钮
可指定得属性：id,style,class,onclick还有disabled:禁用按钮，name:制定按钮唯一名称，type:指定按钮属于哪种按钮，value:指定按钮的初始值

列表框和下拉菜单
<select.../>必须和<option.../>结合适用
<select.../>属性：id,style,class仅可指定onchange事件属性：disabled:禁用列表框和下拉菜单，multiple:允许多选，size:可同时显示多少个列表项

使用textarea定义文本域
<textarea.../>用于定义多行文本域：可以接受用户输入，属性：cols:宽度，rows:高度，disabled:禁用，readonly:只读。

XHTML头部和元信息：
<head.../>:可以包含<script.../>可用于包含JavaScript脚本
<style.../>:用于定义内部CSS样式
<link.../>:用于链接外部CSS等资源
<title.../>:用于定义文档标题
<base.../>:用于定义该页面中的所有链接的基准链接。属性：href:指定所有的链接的基准链接，target:指定超级链接默认在哪个窗口中打开
<meta.../>:用于定义页面元信息，属性：http-equiv:元信息的名称，name:元信息的名称，content:元信息的值

http-equiv属性所支持的值：
Expires:指定网页的过期时间
Pragma:指定禁止浏览器从本地磁盘缓存中调阅页面内容
Refreash:指定浏览器多长时间后自动刷新指定页面
Set-Cookie:设置Cookie
Content-type：设置该页面的内容类型和所用的字符集

0 0