DW基础知识一Word文件下载.docx

DW基础知识一Word文件下载.docx

《DW基础知识一Word文件下载.docx》由会员分享，可在线阅读，更多相关《DW基础知识一Word文件下载.docx（15页珍藏版）》请在冰豆网上搜索。

…JS脚本代码<

/script>

/head>

/body>

/html>

…各种标记写成的网页内容代码…

Body

4、html与xhtml的区别

相关规则

XHTML

HTML

标签名称

必须小写

大小写均可

属性名称

标签嵌套

必须严格嵌套

没有严格规定

标签封闭

标签必须封闭

封闭与不封闭均可

空元素

标签必须封闭，如<

hr/>

封闭与不封闭均可，如<

hr>

与<

均可

属性值

用双引号括起来

可以不必使用双引号

属性值形式

必须使用完整形式

经常使用简写方式设定属性值

区别“表格布局”和“div布局”。

７、ＣＳＳ简介：

级联样式表（CascadingStyleSheet），简称风格样式表（StyleSheet）；

用来进行网页风格设计

ＣＳＳ作用：

有效地控制网页外观

精确定位网页元素

改善用户体验

CSS的优点

内容与表现分离

表现统一，易控制

布局页面更灵活

减少页面代码量

利于搜索引擎收录

CSS语法规则（演示）

选择器{属性：

值；

}

标签、类、ID三种

P{color:

red;

}

.top{width:

600px;

#nav（font-size:

12px;

）

CSS样式引入网页文件（演示）

行内式、嵌入式、链接式、导入式

关于DOCTYPE

DOCTYPE不可怕，但把它拿走，会让你怕了又怕。

最近在蓝色理想转悠，发现很多朋友提出有关DIV+CSS排版问题，以及IE与FF的兼容问题。

怎么问的都有，结果就是一个——显示很奇怪，很难调整。

我们浏览的大多数网站，或者用Dreamweaver创建一个新的网页文档时，源码的顶部都会有DocType声明，但是很多人没有注意它，甚至在创作时候直接将它删掉，其实这往往就是噩梦的开始。

在遵循标准的任何Web文档中，DOCTYPE都是一项必需的元素。

它会影响代码验证，并决定了浏览器最终如何显示你的web文档。

为了避免DOCTYPE的问题重复出现，我根据手头的资料整理了这篇文档，以备自己及有兴趣的朋友参考。

在默认情况下，FF和IE的解释标准是不一样的，也就是说，如果一个网页没有声明DOCTYPE，它就会以默认的DOCTYPE解释下面的HTML。

在同一种标准下，不同浏览器的解释模型都有所差异，如果声明标准不同，不用我说，您自己想就可以了。

学习网页标准，浏览器兼容，从哪里开始您自己决定，但是，请认识DOCTYPE：

一、什么是DOCTYPE

DOCTYPE是DocumentType（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。

要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。

只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。

二、DOCTYPE的规则

DOCTYPE声明的写法遵循一定的规则，它指出阅读程序应该用什么规则集来解释文档中的标记。

在Web文档的情况下，“阅读程序”通常是浏览器或者校验器这样的一个程序，“规则”则是w3c所发布的一个文档类型定义（dtd）中包含的规则。

每个dtd都包括标记、attributes、properties等内容，它们用于标记web文档的内容；

此外还包括一些规则，它们规定了哪些标记能出现在其他哪些标记中。

每个web建议标准（比如html4frameset和xhtml1.0transitional）都有自己的dtd。

以下是从手册上摘抄的规则：

语法：

HTML 

顶级元素 

可用性"

注册//组织//类型标签//定义 

语言"

"

URL"

可能值：

-顶级元素：

指定DTD中声明的顶级元素类型。

这与声明的SGML文档类型相对应。

HTML默认。

HTML。

-可用性：

指定正式公开标识符（FPI）是可公开访问的对象还是系统资源。

PUBLIC默认。

可公开访问的对象。

SYSTEM系统资源，如本地文件或URL。

-注册：

指定组织是否由国际标准化组织（ISO）注册。

+默认。

组织名称已注册。

-组织名称未注册。

Internet工程任务组（IETF）和万维网协会（W3C）并非注册的ISO组织。

组织：

指定表明负责由!

DOCTYPE声明引用的DTD的创建和维护的团体或组织的名称，即OwnderID。

IETFIETF。

W3CW3C。

-类型：

指定公开文本类，即所引用的对象类型。

DTD默认。

DTD。

-标签：

指定公开文本描述，即对所引用的公开文本的唯一描述性名称。

后面可附带版本号。

-定义：

指定文档类型定义。

　　Frameset框架集文档。

　　Strict排除所有W3C专家希望逐步淘汰的代表性属性和元素，因为样式表已经很完善了。

　　Transitional包含除frameSet元素的全部内容。

-语言：

指定公开文本语言，即用于创建所引用对象的自然语言编码系统。

该语言定义已编写为ISO639 

语言代码（大写两个字母）。

EN默认。

英语。

-URL：

指定所引用对象的位置

为了获得正确的DOCTYPE声明，关键就是让dtd与文档所遵循的标准对应。

例如，假定文档遵循的是xhtml1.0strict标准，文档的doctype声明就应该引用相应的dtd。

另一方面，如果doctype声明指定的是xhtmldtd，但文档包含的是旧式风格的html标记，就是不恰当的；

类似地，如果doctype声明指定的是htmldtd，但文档包含的是xhtml1.0strict标记，同样是不恰当的。

三、选择什么样的DOCTYPE

如上例所示，XHTML1.0中有3种DTD（文档类型定义）声明可以选择：

过渡的（Transitional）、严格的（Strict）和框架的（Frameset）。

这里分别介绍如下。

1．过渡的

一种要求不很严格的DTD，允许在页面中使用HTML4.01的标识（符合xhtml语法标准）。

过渡的DTD的写法如下：

!

DOCTYPEhtmlPUBLIC"

-//W3C//DTDXHTML1.0Transitional//EN"

http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

>

2．严格的

一种要求严格的DTD，不允许使用任何表现层的标识和属性，例如<

br/>

等。

严格的DTD的写法如下：

-//W3C//DTDXHTML1.0Strict//EN"

//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"

3．框架的

一种专门针对框架页面所使用的DTD，当页面中含有框架元素时，就要采用这种DTD。

框架的DTD的写法如下：

//www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"

使用严格的DTD来制作页面，当然是最理想的方式。

但是，对于没有深入了解Web标准的网页设计者，比较合适的是使用过渡的DTD。

因为这种DTD还允许使用表现层的标识、元素和属性，比较适合大多数网页制作人员。

四、需要注意的问题

没什么特别的，就是一定要将DOCTYPE声明放在XHTML文档的顶部，上面哪怕多个HTML注释标记都不行。

最好示例代码也加上DOCTYPE，否则效果会有差异。

关于“meta”标签

meta标签

　　meta是html语言head区的一个辅助性标签。

几乎所有的网页里，我们可以看到类似

网页中meta标签的使用，关键字

下面这段的html代码：

　　<

metahttp-equiv="

content-Type"

content="

text/html;

charset=gb2312"

/>

　　也许你认为这些代码可有可无。

其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；

可以设定页面格式及刷新等等。

编辑本段meta标签的组成

　　meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。

　　⒈name属性

　　name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

　　meta标签的name属性语法格式是：

metaname="

参数"

具体的参数值"

；

。

　　其中name属性主要有以下几种参数：

　　A、Keywords（关键字）

　　说明：

keywords用来告诉搜索引擎你网页的关键字是什么。

　　举例：

metaname="

keywords"

science,education,culture,politics,ecnomics,relationships,entertainment,human"

　　B、description（网站内容描述）

description用来告诉搜索引擎你的网站主要内容。

　　网站内容描述（description）的设计要点：

　　①网页描述为自然语言而不是罗列关键词（与keywords设计正好相反）；

　　②尽可能准确地描述网页的核心内容，通常为网页内容的摘要信息，也就是希望搜索引擎在检索结果中展示的摘要信息；

　　③网页描述中含有有效关键词；

　　④网页描述内容与网页标题内容有高度相关性；

　　⑤网页描述内容与网页主体内容有高度相关性；

　　⑥网页描述的文字不必太多，一般不超过搜索引擎检索结果摘要信息的最多字数（通常在100中文字之内，不同搜索引擎略有差异）。

description"

Thispageisaboutthemeaningofscience,education,culture."

　　C、robots（机器人向导）

robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。

　　content的参数有all,none,index,noindex,follow,nofollow。

默认是all。

robots"

none"

　　D、author（作者）

标注网页的作者

author"

conte