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复习笔记的主要内容,如果未能解决你的问题,请参考以下文章

《信息与编码》考试复习笔记1----第一章概论

《通信原理》复习笔记4----第四章信道

《信息与编码》考试复习笔记4----第四章离散信道容量

《信息与编码》考试复习笔记5----第五章纠错编码(难点)

《信息与编码》考试复习笔记2----第二章离散信息源

《信息与编码》考试复习笔记5----第五章纠错编码相关例题(难点)