XHTML--1
XHTML:Hypertext Marktext Language超文本标记语言。
XHTML与HTML主要区别:
(1)元素必须正确嵌套。
(2)XHTML元素必须被关闭。
(3)标签名必小写。
(4)XHTML必有一个根元素。
(5)XHTML属性名称必小写,必加引号,不能简写,用id属性代替name属性。
(6)XHTML DTD定义了强制使用的html元素
xhtml三个主要部分:DOCTYPE,head,body。
基本结构:
<! DOCTYPE...>
<html>
<head>
<title>...</title>
</head>
<body>...</body>
</html>
文档类型声明定义文档的三种类型:Strict(严格类型),Transitional(过渡类型),Frameset(框架类型).
<!DOCTYPE html
PUBLIC"-//W3C//TDT XHTML 1.0 Strict(或Transitional或Frameset)//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict(或Transitional或Frameset).dtd">
Strict类型:需要干净的标记,避免表现上的混乱,常与CSS合用。
Transitional类型:利用html表现上的特性,为不支持CSS的浏览器编写XHYML时使用。
Frameset类型:使用html框架将浏览器窗口分割成多个框架时使用。
1.文档头
a. <head>...<head/>中可以使用的标记:<title>...</title>,<!--...-->,<meta>
详解<maea>描述标记,描述网页文档的属性参数。
格式为<meta 属性=“值”.../>常用属性name(meta的名字) ,content(页面的内容),http-eauiv(content属性的类别),http-equiv取不同值,content的内容也不一样.
<meta name="description" http-equiv="Content-type" content="text/html;charset=gb2312"/> :网页为xhtml型,编码规则为gb2312.
<meta http-equiv="refresh" content="10;URL=xxx.htm"/>:content 表示刷新时间。十秒刷新,无url则刷新本页。
<meta htttp-equiv="Content-language" content="en-us"/>:content表示语言类型为美国语言。
http-equiv="pic-Lable":content 表示页面内容等级。
http-equiv="expries": content表示页面过期日期。
<script language="javascript">....</script>:中间插入脚本语言程序(javascript或者jquery)。
b.文档正文<body 属性=“值” 事件=“执行的程序”...>...</body>
<body>属性: background,bgcolor,text(文本的颜色),link(链接的颜色),vlink(访问过的链接的颜色),alink(正选择的链接颜色)
事件:onload(首次加载时调用),onunload(卸载时调用)
c.文本格式:分段,换行,段落对齐方式,字体,字号,文本颜色,字符样式等。
分段:<p 属性=“值”...>...</p> :常用属性align(left左对齐为默认,center,right,justify两端对齐)
换行:<br/>
标题标记:<hn 属性=“值”>....</hn>:hn取值h1,......,h6,为黑体,h6最大,也有align属性。
对中标记:<center>....</center>
块标记:<div 属性="值"....>...</div>,常用属性align。常用与布局用。
行内布局span:<span...>...</span>:用于一行内的布局,行被span块分割为几个不同区域,实现特定效果布局,可以自定义宽和高。span作为文本或者内联元素的容器,与CSS布局有很重要的作用。