XHTML复习笔记
Posted Abracadabra
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了XHTML复习笔记相关的知识，希望对你有一定的参考价值。
与 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>
- <br />
- <acronym title="World Wide Web">WWW</acronym>
- <p>在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。</p>
- <p>仅对于 IE 5 中的 acronym 元素有效。</p>
- <p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
- </body>
- </html>
如何将你的网站升级至 XHTML ？
添加文件类型声明
小写的标签和属性名
给所有属性加上引号
空标签：<hr> , <br> 和 <img>
在 XHTML 中是不允许使用空标签（Empty tags）的。<hr> 和 <br> 标签应该被替换为 <hr /> 和 <br />。
|
<!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 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素
以上是关于XHTML复习笔记的主要内容，如果未能解决你的问题，请参考以下文章