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布局有很重要的作用。

原文地址:https://www.cnblogs.com/lovelifeloveme/p/3176966.html