xhtml 笔记

来源：互联网发布：stc单片机烧录协议编辑：程序博客网时间：2024/06/07 10:59

都用小写字母吧，xhtml不喜欢大写的。

属性必须要有值。比如 <input type="checkbox" checked="checked">haha

<dl compact="compact">　　<input checked="checked" />　　<input readonly="readonly" />　　<input disabled="disabled" />　　<option selected="selected" />　　<frame noresize="noresize" />

　　列出一个表让大家知道：

　　HTML　　　　　　　　　　XHTML
　　compact　　　　　　　compact="compact"
　　checked　　　　　　　checked="checked"
　　declare　　　　　　　declare="declare"
　　readonly　　　　　　 readonly="readonly"
　　disabled　　　　　　　disabled="disabled"
　　selected　　　　　　selected="selected"
　　defer　　　　　　　　defer="defer"
　　ismap　　　　　　　　ismap="ismap"
　　nohref　　　　　　　nohref="nohref"
　　noshade　　　　　　　noshade="noshade"
　　nowrap　　　　　　　nowrap="nowrap"
　　multiple　　　　　　multiple="multiple"
　　noresize　　　　　　noresize="noresize"

标题居中<h1 align="center">title </h1>

<hr /> 水平线

嵌入元素，比如嵌入视频，<EMBED SRC="file name" AUTOSTART=true>

用id属性代替name属性。

我们为了使旧浏览器也能正常的执行该内容我们也可以在标签中同时使用id和name属性。如：

在XHTML中我们必须声明文档的类型，以便于浏览器知道你的文档是什么类型的，而且声明部分要加在文档的head之前。

XHTML 1.0 提供了三种DTD声明可供选择：

　　过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下：

　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

　　严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，完整代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

　　框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。完整代码如下：

　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

过渡的DTD(XHTML 1.0 Transitional)是目前理想选择

<a href="http://www.w3schools.com/" target="_blank">访问W3Schools！</a> 将在新窗口中打开链接。.target属性定义了将在哪里打开链接。

HTML元素（element）就是从起始标签（start tag）开始至结束标签（end tag）结束其间的所有内容。介于起始标签与结束标签之间的全部内容，叫做元素内容

以下列出了一些大多数HTML元素共有的核心属性：

属性值描述class类规则或样式规则元素的类id标识符名称元素的唯一标识符style样式定义一个行内样式定义title提示框文本在提示框里显示的文本

一些文本标签

标签描述<b>定义粗体文本<big>定义大字体文本<em>定义强调的文本<i>定义斜体文本<small>定义小字体文本<strong>定义着重强调的文本<sub>定义下标文本<sup>定义上标文本<ins>定义插入文本<del>定义删除文本<s>被弃用的，请用<del>代替<strike>被弃用的，请用<del>代替<u>被弃用的，请用样式代替

“计算机输出”标签

标签描述<code>定义计算机程序代码<kbd>定义键盘文本<samp>定义计算机程序输出结果<tt>定义打字机文本<var>定义变量<pre>定义预先排版的文本<listing>被弃用的，请用<pre>替代<plaintext>被弃用的，请用<pre>替代<xmp>被弃用的，请用<pre>替代

引文、引用及定义标签

标签描述<abbr>定义简写<acronym>定义缩写<address>定义地址<bdo>定义文字方向<blockquote>定义长引文（块级引文）<q>定义短引文（行内引文）<cite>定义引用<dfn>定义正在讲解中的术语

背景色

<body style="background-color:yellow">

字体族、颜色及大小

<p style="font-family:courier new; color:red; font-size:20px">

文本对齐

<h1 style="text-align:center">

若<a>元素用到了name属性，那么它定义的是HTML文档里的一个具名锚（named anchor）,访问本页的地址。

表头1表头2行1, 单元格1行1, 单元格2行2, 单元格1行2, 单元格2

<ul>

<li>这种序列是没有序号的，如果要有1，2,3的序号，则把ul换成ol

<form>
<input type="radio" name="sex" value="male" />男
<br />
<input type="radio" name="sex" value="female" />女

定义多行文本框

<textarea rows="10" cols="30">在W3Schools网站上，你能找到你需要的网站建设教程，从基本的HTML，到高级的XML、SQL、ASP和PHP等等。</textarea>

下拉框<form action=""><select name="cars"><option value="volvo">a</option>     <option value="saab">b</option><option value="fiat">c</option><option value="audi">d</option></select></form>天津selected="selected"，表示此项默认选中

常用字符实体

注意：实体名称是区分大小写的！

<a href="mailto:someone@w3schools.com">someone@w3schools.com</a>

表单元素事件

仅适用于<input>、<textarea>、<select>等表单元素。

属性值描述onchange脚本当元素值（即元素的value属性值）发生改变时执行脚本onsubmit脚本在提交表单时执行脚本onreset脚本在重置表单时执行脚本onselect脚本当用户在文本框或多行文本框中选择文本时执行脚本onblur脚本当元素失去焦点时执行脚本onfocus脚本当元素获得焦点时执行脚本属性值描述onclick脚本在元素区域内单击鼠标（不区分左右键）时执行脚本ondblclick脚本在元素区域内双击鼠标（不区分左右键）时执行脚本onmousedown脚本在元素区域内按下鼠标键（不区分左右键）时执行脚本onmousemove脚本当鼠标指针在元素区域内移动时执行脚本onmouseout脚本当鼠标指针移出元素区域时执行脚本onmouseover脚本当鼠标指针移入元素区域时执行脚本onmouseup脚本在元素区域内松开鼠标键（不区分左右键）时执行脚本