XHTML与HTML简单比较

  XHTML是一种使用XML规范编写的HTML,XHTML与普通Html有很多不同,主要不同是要求编写规范,当然XHTML这些规范也给人工编写代码带来不是很方便,但是对于机器阅读或SEO还是有帮助的。

XHMTL和HTML的不同

  • XHTML是HTML更严格和更清晰的版本.
  • XHTML DOCTYPE需要首先强制声明.
  • XHTML元素都必须小写
  • XHTML属性名都必须小写
  • XHTML属性的值必须使用引号
  • XHTML元素必须是闭合的(带斜杠“/”)
  • XHTML文档必须有一个根元素
  • XHTML元素必须恰当地内嵌,不是随意嵌套的

 

声明XHTML DOCTYPE

如果希望使用XHTML编写网页,首先,XHTML需要有一个在页面头部XHTML DOCTYPE 声明,有三种类型:

XHTML 1.0 Transitional

如果你想编写一个完全符合规范的页面就请使用这个transitional类型,在页面头部加入下面申明:

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

XHTML 1.0 Strict

如果你只想编写符合比较清晰规范的页面就使用这个strict类型,虽然不是完全符合规范,但是大多数XHTML属性可以使用,在头部加入:

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

XHTML 1.0 Frameset

如果你只想编写一个普通Html框架的页面使用这个frameset类型,因为html相比XHTML编写没有那么规范。

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

 

元素必须闭合

错误写法:<p>This is paragraph line.

正确写法:<p>This is paragraph line. </p>

多一个</p>环绕文本。每个元素必须闭合,以斜杠符号“/”标志结束闭合

 

属性必须小写

错误写法:<link TYPE=”TEXT/CSS” REL=”STYLESHEET” href=”myfile.css”/>

正确写法是将上面的大写字母变成小写:

<link type=”text/css” rel=”stylesheet” href=”myfile.css”/>

 

属性值必须是双引号

错误写法:<table width=90%>

正确写法是将上面width的值90%加上双引号:<table width=”90%”>

请注意不能使用中文的双引号

 

严格对应嵌套

错误方式:<b><i>This is XHTML page</b></i>

上面错误在于<b>嵌套了<i>,那么结束也要遵循这个规则,正确方式是:

<b><i>This is XHTML page</i></b>

嵌套规则是遵循下面禁止条例:

  • <a> : 只能包含嵌套 <a>元素,不能嵌套其他语法.
  • <pre> : 不可以包含嵌套<img> , <object> , <big> , <small> , <sub> 等元素.
  • <button> 不能包含n <input>, <select>, <label>, <button>, <form>, <fieldset> 等元素.
  • <label> 不可再包含 <label> 元素
  • <form> 不可再包含<form>元素

XHML编写主要遵循两个规则:遵循嵌套规则,每个元素必须闭合,以斜杠符号“/”标志结束闭合。

<img src=”C:\Winter.jpg” width=”100%” height=”100%” />
<hr align=”center” width=”90%”/ >
<br />


HTML如何转变到XHTML?

  • 在每个页面增加第一行XHTML doctype
  • 每个页面增加xmlns 属性
  • 每个元素名称必须小写
  • 闭合所有没有闭合的元素
  • 属性名称转换到小写
  • 属性值使用双引号

下面是一个标准XHTML:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>My First Document</title>
</head>
<body>
  <p>Hello, <i>World</i></p>
  <h3>Welcome to XHTML</h3>
  <p>This page written by:
    <cite>(Jdon)</cite>
    <br />
    2000 and beyond
  </p>
</body>
</html>

 

什么是自适应设计?

Javascript专题

CSS的独特性Specificity