XHTML-CSDN博客

本文链接：https://blog.csdn.net/xxxxtrend/article/details/140475559

XHTML 是更严格更纯净的 HTML 代码

XML 是一种标记化语言，其中所有的东西都要被正确的标记，以产生形式良好的文档。

XML 用来描述数据，而 HTML 则用来显示数据。

主要的不同：
	XHTML 元素必须被正确地嵌套。

	XHTML 元素必须被关闭。
		空标签也必须被关闭
		空标签也必须使用结束标签，或者其开始标签必须使用/>结尾。	

	标签名必须用小写字母。大小写敏感

	XHTML 文档必须拥有根元素。

2.1主要的语法规则

1.属性名称必须小写

2.属性值必须加引号

3.属性不能简写

4.用 Id 属性代替 name 属性

5.XHTML DTD 定义了强制使用的 HTML 元素

6.核心属性
	class 类
	id    特定id
	style 内联样式
	title 提示文本
	dir   文本方向
	lang  语言代码

2.2将网站改成XHTML

1.添加文件类型声明
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


2.小写的标签和属性名

3.给所有属性加上引号

4.<hr> 和 <br> 标签应该被替换为 <hr /> 和 <br />,<img>也一样

5.XHTML 文档是根据文档类型声明进行验证的
	只有将正确的 DTD 添加到文件的首行，XHTML 文件才会被正确地验证

2.3XHTML事件

在特定条件下执行脚本

1.窗口事件 仅在 body 和 frameset 元素中有效
	onload			文档被载入时执行
	onunload		文档被卸下时执行

2.表单元素事件 仅在表单元素中有效
	nchange			元素改变时执行
	onsubmit		表单被提交时执行
	onreset			表单被重置时执行
	onselect		元素被选取时执行
	onblur			元素失去焦点时执行
	onfocus			元素获得焦点时执行
3.键盘事件
	onkeydown		键盘被按下时执行
	onkeypress		键盘被按下后又松开时执行
	onkeyup			键盘被松开时执行

4.鼠标事件
onclick				鼠标被单击时执行
ondblclick			鼠标被双击时执行
onmousedown			鼠标按钮被按下时执行
onmousemove			鼠标指针移动时执行
onmouseout			鼠标指针移出某元素时执行
onmouseover			鼠标指针悬停于某元素之上时执行
onmouseup			鼠标按钮被松开时执行

2.4结构化

1.为表达语义而标记文档，而不是为了样式

2.XHTML 标记与表现无关，它只与文档结构有关

3.最大限度地使用 CSS 来进行布局

4.根据它们的意义使用元素，而不是根据它们的外观
	用<strong>等实现粗体，而不是<h1>等标题标签

5.使用结构化元素，而不是无意义的垃圾，例如用更有序的结构实现同样的效果
	三个<br />
	和
	<ul>里面包含3个<li>
	
6.善用div和id
	div 一种添加结构的通用机制
	如果被正确地使用，div 可以成为结构化标记的好帮手
	
	id 
	
	id只能使用一遍
	
	作为超文本的目标锚，取代 name 属性
	
	作为从基于 DOM 的脚本来定位特定元素的方法
	
	配合js的话id要是合法的js变量