XHTML 学前概述

XHTML概述


什么是XHTML?

XHTML-eXtensible HyperText Markup Language 可扩展的超文本标记语言

XHTML的目标是取代HTML

XHTML与HTML 4.01基本上是相同的

XHTML是更加严格、更加纯净的HTML版本

XHTML是一个W3C标准


标记

XHTML通过标记来描述网页结构

标记(也称为元素)是描述特定功能的字符串

标记名称必须括在尖括号之间

<p>Hello the world</p>


标记种类

根据是否包含子标记或者内容分

-单标记:<标记名称/>

-双标记:<标记名称>……</标记名称>

根据是否换行分

-块级元素(Block Element),自上而下垂直排列

-行内元素(Inline Element),自左而右水平排列


属性

属性是对对象的特征描述

属性必须声明在开始标记里

属性名称与属性值用等号进行分隔

多个属性之间以空格进行分隔

属性之间不区分先后顺序


核心属性

title:提示文本

id:元素唯一标识

style:元素内联样式

class:元素CSS类

PS:id、style、class均用于内联样式


键盘属性

accesskey:设置访问HTML元素的键盘快捷键

tabindex:设置HTML元素的Tab次序

PS:通过键盘快捷键访问时,使用Alt+字母或者Alt+Shift+字母

  几乎所有浏览器均支持accesskey属性,除了Opera

  支持accesskey属性的有<a>、<area>、<button>、<input>、<label>、<legend>、<textarea>、


事件属性

鼠标事件(Mouse Events)

-onclick 鼠标单机

- 鼠标悬停于HTML元素

- 鼠标移出HTML元素

PS:事件属性均用于JavaScript/jQuery


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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
</head>
<body>
</body>
</html>


DTD

Document Type Definition 文档类型定义

DTD是一套关于标记的语法规范


XHTML DTD有三种:

-Strict 严格类型

-Transitional 过渡类型

-Frameset 框架类型


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


命名空间(namespace)

命名空间提供避免元素命名冲突的方法

xmlns属性在XHTML中是必须的

xmlns="http://www.w3.org/1999/xhtml"是固定值


XHTML文档规范

标记及属性名称必须为小写字母

标记之间必须顺序嵌套

单标记必须以"/>"结尾

属性值必须括在引号之间


W3C合法性验证

http://validator.w3.org