您的位置：首页 > Web前端 > HTML

XHTML复习笔记

2016-03-13 15:01 309 查看

与 HTML 相比最重要的区别：

文档结构

XHTML DOCTYPE 是强制性的

<html> 中的 XML namespace 属性是强制性的

<html>、<head>、<title> 以及 <body> 也是强制性的

元素语法

XHTML 元素必须正确嵌套

XHTML 元素必须始终关闭

XHTML 元素必须小写

XHTML 文档必须有一个根元素

属性语法

XHTML 属性必须使用小写

XHTML 属性值必须用引号包围

XHTML 属性最小化也是禁止的

XHTML 属性是以 XML 格式编写的 HTML 属性

XHTML 属性 - 语法规则

XHTML 属性必须使用小写

XHTML 属性值必须用引号包围

XHTML 属性最小化也是禁止的（最小化即简写）

<html>

<body>

<abbr title="etcetera">etc.</abbr>

 

<acronym title="World Wide Web">WWW</acronym>

在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。

仅对于 IE 5 中的 acronym 元素有效。

对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。

</body>

</html>

如何将你的网站升级至 XHTML ？

添加文件类型声明

小写的标签和属性名

给所有属性加上引号

空标签：<hr> , 和 <img>

在 XHTML 中是不允许使用空标签（Empty tags）的。<hr> 和 标签应该被替换为 <hr /> 和 。

<!DOCTYPE html>
	<html>
	<body>

	下载进度：
	<progress value="22" max="100">
	</progress>

	<p><b>注释：</b>Internet Explorer 9 以及更早的版本不支持 <progress> 标签。</p>

	</body>
	</html>

效果：

<thead> 内部必须拥有 <tr> 标签！

下表列出了 canvas 与 SVG 之间的一些不同之处。

Canvas

依赖分辨率

不支持事件处理器

弱的文本渲染能力

能够以 .png 或 .jpg 格式保存结果图像

最适合图像密集型的游戏，其中的许多对象会被频繁重绘

不依赖分辨率

支持事件处理器

最适合带有大型渲染区域的应用程序（比如谷歌地图）

复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）

不适合游戏应用

SVG

在规则的最后一个声明后也加上分号是一个好习惯。在向规则增加另一个声明时，就不必担心忘记再插入一个分号。

注释：必须声明 <!DOCTYPE>，这样 :first-child 才能在 IE 中生效。

查找 HTML 元素

通常，通过 JavaScript，您需要操作 HTML 元素。

为了做到这件事情，您必须首先找到该元素。有三种方法来做这件事：

通过 id 找到 HTML 元素

通过标签名找到 HTML 元素

通过类名找到 HTML 元素

如需向 HTML DOM 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航