doctype作用2
网页设计与开发第2章试卷及答案
《网页设计与开发第2章》试卷选择题1在网页源代码中（）标记必不可少。
<html>A.B<p>.C<table>.D<br>.答案：A2. 关于HTML文件说法错误的是（）。
A . HTML文件是一个包含标签的文本文件B .这些标签告诉浏览器怎样显示这个页面C. HTML文件必须以.htm为扩展名D . HTML文件可以用一个简单的文本编辑器创建答案：C3. 关于HTML文件说法正确的是（）A . HTML标签都必须配对使用B .在＜title＞和＜/title＞标签之间的是头信息C. HTML标签是大小写无关的，＜b＞跟＜B＞表示的意思是一样的D .在＜u＞和＜/u＞标签之间的文本会以加粗字体显示答案：A4. 下面针对标记属性声明正确的是（）A . ＜hr size="5px" align="center"＞B. ＜hr size:5px align:center＞C. ＜hr size="5px", align="center"＞D. <hr size:"5px"alig n:"ce nter">答案：C答案：A5. 下面的标记中属于单标记的是（）A. <html>B. <p>C. <table>D. <br>答案：D6. 以下标记符中，用于设置页面标题的是（）A . <title>B. <caption>C. <head>D . <html>答案：A7. 用HTML 标记语言编写一个简单的网页，网页最基本的结构是（）A . <html><head> …</head><frame>B . <html><title>…</title><body> …</body></html>D . <html><head> …</head><body> …</body></html>答案：D 8. HTML 中 <body text=red>,表示（）A. 正在点击文字的色彩是红色。
HTML5网页设计与制作习题练习与答案
练习1一、填空题1、网站由网页构成，并且根据功能的不同，网页又有静态网页和动态网页之分。
2、Web标准是一系列标准的集合，主要包括结构、表现和行为。
3、HTML中文译为超文本标记语言，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。
4、HTML语言主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。
5、在网站建设中，HTML用于搭建页面结构，CSS用于设置页面样式，JavaSCript用于为页面添加动态效果。
二、判断题1、因为静态网页的访问速度快，所以现在互联网上的大部分网站都是由静态网页组成的。
（X ）2、网页主要由文字、图像和超链接等元素构成，但是也可以包含音频、视频以及Flash等。
（√）3、“HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。
（√）4、URL（英文Uniform Resource Locator的缩写）中文译为“统一资源定位符”。
URL其实就是Web地址，俗称“网址”。
（√）5、DNS（英文Domain Name System的缩写）是域名解析系统。
但是，在Internet上域名与IP地址之间并不是对应的。
（X）6、Firebug是IE浏览器中常用的一个插件，属于IE强力推荐的插件之一。
（X）7、在网站建设中，JavaScript用于搭建页面结构。
（X ）8、实际网页制作过程中，最常用的网页制作工具是Dreamweaver。
（√）9、在Dreamweaver中制作网页，在菜单栏中选择【文件】→【保存】选项，或使用快捷键Ctrl+S，即可完成文件的保存。
（√）10、所有的浏览器对同一个CSS样式的解析都相同，因此页面在不同浏览器下的显示效果完全一样。
（X）三、选择题1、在Dreamweaver中，使用主浏览器预览网页的快捷键是（B）A、Ctrl+SB、F12C、F5D、Ctrl+F122、使用内嵌式添加CSS样式，CSS样式需要写在（D）A、<title></title>标记之间B、<head></head>标记之间C、<body></body>标记之间D、<style></style>标记之间3、下面选项中，对JavaScript语言描述正确的是（ABD ）A、JavaScript是Web页面中的一种脚本语言文字。
DOCTYPE声明的作用
DOCTYPE声明在CSS5中的作用要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS 都不会生效,也就是说如果没有这个DOCTYPE声明将会导致CSS失效-css无效，特别是没有声明或声明不正确将在标准浏览器下更是不能正常显示。
DOCTYPE声明开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。
查看很多使用XHTML标准开发的网站，第一行就是：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 打开一些符合标准的站点，例如著名web设计软件开发商Macromedia，会发现同样的代码。
而另一些符合标准的站点的代码则如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 那么这些代码有什么含义？一定要放置吗？什么是DOCTYPE上面这些代码我们称做DOCTYPE声明。
DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。
其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。
要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS 都不会生效。
XHTML 1.0 提供了三种DTD声明可供选择：* 过渡的(Transitional)：要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)，完整代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"> * 严格的(Strict)：要求严格的DTD，你不能使用任何表现层的标识和属性，例如<br>，完整代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd"> * 框架的(Frameset)：专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD，完整代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 我们选择什么样的DOCTYPE理想情况当然是严格的DTD，但对于我们大多数刚接触web标准的设计师来说，过渡的DTD(XHTML 1.0 Transitional)是目前理想选择。
DOCTYPE声明作用及用法详解
DOCTYPE声明作⽤及⽤法详解⼀、浏览器呈现模式和doctype有的⽹页是遵循标准⽽创作的，但也有很多不是。
即使你不能创建遵循标准的⽹页，也希望浏览器根据标准来正确显⽰那些页。
⽬前，⼤量⽹页充斥着⼤量⾮标准代码，它们仍能正常地⼯作。
事实上，为旧版浏览器设计的⼤多数代码都能在新版浏览器中正确显⽰（虽然呈现⽅式可能有所区别）。
这是什么原因呢？事实上，假如严格遵循最新标准，会完全破坏那些页的⽣存基础。
对于任何希望有所作为的浏览器来说，这当然是令⼈⽆法接受的。
浏览器呈现模式现代浏览器包括不同的呈现模式，⽬的是既⽀持遵循标准的⽹页，也⽀持为⽼式浏览器⽽设计的⽹页。
其中， Standards （标准）模式（也就是严格呈现模式）⽤于呈现遵循最新标准的⽹页，⽽ Quirks （包容）模式（也就是松散呈现模式或者兼容模式）⽤于呈现为传统浏览器⽽设计的⽹页。
另外，注意Mozilla/Netscape 6新增了⼀种 Almost Standards （近似标准）模式，⽤于⽀持为标准的某个⽼版本⽽设计的⽹页。
什么是 doctype切换？放在⽹页顶部的doctype声明是让浏览器进⼊正确呈现模式的关键。
浏览器⾃动切换到恰当的呈现模式，以便正确显⽰由doctype声明所指定的⽂档种类。
理论上，这应该是⼀个⾮常直观的切换。
假如doctype指出当前⽹页是⼀个遵循标准（也就是HTML 4+或XHTML 1+）的⽂档，浏览器就会切换到Standards模式。
假如没有指定doctype，或者指定HTML 3.2以及更⽼的版本，浏览器就切换到Quirks 模式。
这样⼀来，浏览器既能正确显⽰遵循标准的⽂档，⼜不⾄于完全舍弃⽼式的、与标准不符的⽹页。
doctype切换的问题但是，doctype切换是⼀个不完善的⽅案。
即使你在Web⽂档中使⽤了⼀个doctype声明，浏览器也可能不会采取你希望的呈现模式来显⽰⽹页。
原因是多⽅⾯的，包括形式错误的doctype，以及不同<?xml version="1.0" encoding="UTF-8"?>) 开头，其中包括XHTML⽹页。
HTML学习笔记——DOCTYPE和DTD，标准模式和兼容模式
HTML学习笔记——DOCTYPE和DTD，标准模式和兼容模式主要涉及知识点：HTML与XHTMLHTML与XHTML的区别DOCTYPE与DTD的概念DTD的分类以及DOCTYPE的声明⽅式标准模式（Standard Mode）和兼容模式（Quircks Mode）标准模式（Standard Mode）和兼容模式（Quircks Mode）的区别HTML与XHTMLHTML:超⽂本标记语⾔ (Hyper Text Markup Language)XHTML:可扩展超⽂本标记语⾔ (EXtensible HyperText Markup Language)，是⼀种置标语⾔。
HTML是⼀种基于标准通⽤标记语⾔（SGML）的应⽤，XHTML则基于可扩展标记语⾔（XML）XHTML的⽬标是取代HTML，与HTML4.01⼏乎相同，是更严格更纯净的 HTML 版本。
HTML 和 XHTML 的区别简单来说，XHTML 可以认为是 XML 版本的 HTML，为符合 XML 要求，XHTML 语法上要求更严谨些。
本质上说，XHTML是⼀个过渡技术，结合了部分XML的强⼤功能及⼤多数HTML的简单特性。
建⽴XHTML的⽬的就是实现HTML向XML 的过渡。
在HTML5成为主流之前，Html4.01⼀直是⼤多数⼈使⽤的Html版本，Html5⽬标是取代HTML4.01和XHTML1.0标准，旨在提⾼⽹页性能，增加页⾯交互。
HTML与XHTML的区别XHTML 与 HTML 4.01 标准没有太多的不同。
主要的不同体现在下⾯⼏点：XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须⽤⼩写字母。
XHTML ⽂档必须拥有根元素。
DOCTYPE与DTD的概念 ⽂档类型定义(Document Type Definition)是⼀套为了进⾏程序间的数据交换⽽建⽴的关于标记符的语法规则，是HTML的验证机制。
html中doctype有几种类型以及doctype的作用
html中doctype有⼏种类型以及doctype的作⽤htm中doctype标签是⼀种标准通⽤标记语⾔的⽂档类型声明，它的⽬的是要告诉标准通⽤标记语⾔解析器，它应该使⽤什么样的⽂档类型定义（DTD）来解析⽂档。
dotype 的特点：1. <!doctype>声明必须处于HTML⽂档的头部，在<html>标签之前，HTML5中不区分⼤⼩写2. <!doctype>声明不是⼀个HTML标签，是⼀个⽤于告诉浏览器当前HTMl版本的指令3. 现代浏览器的html布局引擎通过检查doctype决定使⽤兼容模式还是标准模式对⽂档进⾏渲染，⼀些浏览器有⼀个接近标准模型。
4. 在HTML4.01中<!doctype>声明指向⼀个DTD，由于HTML4.01基于SGML，所以DTD指定了标记规则以保证浏览器正确渲染内容5. HTML5不基于SGML，所以不⽤指定DTD常见dotype：1. HTML4.01 strict：不允许使⽤表现性、废弃元素（如font）以及frameset。
声明：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "/TR/html4/strict.dtd">1. HTML4.01 Transitional:允许使⽤表现性、废弃元素（如font），不允许使⽤frameset。
声明：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd">1. HTML4.01 Frameset:允许表现性元素，废⽓元素以及frameset。
声明：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "/TR/html4/frameset.dtd">1. XHTML1.0 Strict:不使⽤允许表现性、废弃元素以及frameset。
概述html5文件的基本结构
概述html5文件的基本结构HTML5文件是指基于HTML5标准编写的网页文件，它们是Web开发中最基础的组成部分之一。
HTML5标准是由万维网联盟（W3C）制定的，它提供了更多的语义化标签和功能，使得网页开发更加灵活和易于维护。
一、HTML5文件的基本结构HTML5文件的基本结构包括以下几个部分：1. 文档类型声明（Document Type Declaration）文档类型声明用来告诉浏览器当前文档使用哪种版本的HTML语言。
在HTML5中，文档类型声明为：<!DOCTYPE html>2. HTML标签（html tag）HTML标签是整个文档的根元素，它包含了<head>和<body>两个子元素。
3. Head标签（head tag）Head标签用来定义文档头部信息，包括标题、样式表、脚本等。
4. Title标签（title tag）Title标签用来定义文档标题，在浏览器窗口上显示为标题栏上的文字。
5. Meta标签（meta tag）Meta标签用来定义页面相关信息，如关键字、描述、作者等。
6. Body标签（body tag）Body标签用来定义页面主体内容。
二、HTML5文件头部声明在编写HTML5文件时，需要在第一行添加文档类型声明。
文档类型声明告诉浏览器当前文档使用哪种版本的HTML语言。
在HTML5中，文档类型声明为：<!DOCTYPE html>三、HTML5文件的基本结构代码下面是一个基本的HTML5文件结构代码：<!DOCTYPE html><html><head><title>Page Title</title><meta charset="UTF-8"><meta name="description" content="Page description"> <meta name="keywords" content="keyword1, keyword2, keyword3"><meta name="author" content="Author Name"></head><body><!-- 页面主体内容 --></body></html>四、HTML5文件头部标签1. Title标签Title标签用来定义文档标题，在浏览器窗口上显示为标题栏上的文字。
网页设计与开发第2章试卷及答案
《网页设计与开发第2章》试卷一、选择题1．在网页源代码中（)标记必不可少。
A．〈html>B．〈p〉C．〈table〉D．<br>答案: A2．关于HTML文件说法错误的是（）。
A．HTML文件是一个包含标签的文本文件B．这些标签告诉浏览器怎样显示这个页面C．HTML文件必须以.htm为扩展名D．HTML文件可以用一个简单的文本编辑器创建答案： C3.关于HTML文件说法正确的是（）A．HTML标签都必须配对使用B．在〈title〉和〈/title〉标签之间的是头信息C．HTML标签是大小写无关的,〈b〉跟〈B>表示的意思是一样的D．在<u〉和〈/u〉标签之间的文本会以加粗字体显示答案: A4.下面针对标记属性声明正确的是（）A．〈hr size=”5px” align=”center"〉B．〈hr size：5px align：center>C．<hr size=”5px”, align="center”〉D．<hr size:”5px” align：”center"〉答案: A5.下面的标记中属于单标记的是（)A．<html〉B．<p>C．<table〉D．<br〉答案: D6.以下标记符中,用于设置页面标题的是（）A ．〈title>B．〈caption〉C．<head>D ．<html〉答案： A7. 用HTML标记语言编写一个简单的网页，网页最基本的结构是（）.A．<html> <head〉…</head〉〈frame〉…〈/frame> </html>B．<html> 〈title〉…</title> <body>…〈/body> 〈/html>C．〈html> <title〉…〈/title> <frame〉…〈/frame> </html〉D ．〈html〉<head〉…〈/head〉〈body〉…〈/body〉〈/html〉答案: D8。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
页面中DOCTYPE的作用。
前几天，在做一个页面时，引入了样式文件，但是不起作用。
后来跟踪发现竟然是DOCTYPE的设置问题。
例如下面的HTML：
<div class="testDiv">test
<table>
<tr>
<td>Table Content</td>
</tr>
</table>
</div>
在testDiv中设置了字体的样式，但是浏览时（IE6和FireFox1.5)，发现test文本已经显示了testDiv 中规定的样式，但Table Content却没有。
去掉页面中的"/TR/html4/loose.dtd "设置后，两文本都按testDiv的样式显示了。
下面引入一篇对DOCTYPE详细解释的文章。
原文作者：周靖译
虽然大多数Web文档的顶部都有doctype声明，但很多人都没有注意它。
它是在你新建一个文档时，由Web创作软件草率处理的众多细节之一。
虽然doctype被许多人忽视，但在遵循标准的任何Web文档中，它都是一项必需的元素。
doctype会影响代码验证，并决定了浏览器最终如何显示你的Web文档。
doctype的作用
doctype声明指出阅读程序应该用什么规则集来解释文档中的标记。
在Web文档的情况下，“阅读程序”通常是浏览器或者校验器这样的一个程序，“规则”则是W3C所发布的一个文档类型定义（DTD）中包含的规则。
每个DTD都包括一系列标记、attributes和properties，它们用于标记Web文档的内容；此外还包括一些规则，它们规定了哪些标记能出现在其他哪些标记中。
每个Web建议标准（比如HTML 4 Frames et和XHTML 1.0 Transitional）都有自己的DTD。
假如文档中的标记不遵循doctype声明所指定的DTD，这个文档除了不能通过代码校验之外，还有可能无法在浏览器中正确显示。
对于标记不一致的问题，浏览器相较于校验器来说更宽容。
但是，不正确的d octype声明经常导致网页不正确显示，或者导致它们根本不能显示。
选择正确的doctype
为了获得正确的doctype声明，关键就是让DTD与文档所遵循的标准对应。
例如，假定文档遵循的是X HTML 1.0 Strict标准，文档的doctype声明就应该引用相应的DTD。
另一方面，如果doctype声明指定的是XHTML DTD，但文档包含的是旧式风格的HTML标记，就是不恰当的；类似地，如果doctyp e声明指定的是HTML DTD，但文档包含的是XHTML 1.0 Strict标记，同样是不恰当的。
有的时候，也可以根本不使用一个doctype声明。
如果没有指定有效的doctype声明，大多数浏览器都会使用一个内建的默认DTD。
在这种情况下，浏览器会用内建的DTD来试着显示你所指定的标记。
对于一些临时性的、匆忙拼凑的文档（这种文档有许多），你确实可以考虑省略doctype声明，并接受浏览器的默认显示。
完全可以从头编写一个doctype声明，并让它指向自己选择的一个DTD。
然而，由于大多数Web文档都需要遵循由W3C发布的某个国际公认的Web标准，所以那些文档通常都要包含以下标准doctype声明之一：
HTML 2：
HTML 3.2：
HTML 4.01 Strict：
"/TR/html4/strict.dtd">
HTML 4.01 Transitional：
"/TR/html4/loose.dtd">
HTML 4.01 Frameset：
"/TR/html4/frameset.dtd">
XHTML 1.0 Strict：
"/TR/xhtml1/DTD/xhtml1-strict.dtd"> XHTML 1.0 Transitional：
"/TR/xhtml1/DTD/xhtml1-transitional.dtd"> XHTML 1.0 Frameset：
"/TR/xhtml1/DTD/xhtml1-frameset.dtd"> XHTML 1.1：
"/TR/xhtml11/DTD/xhtml11.dtd">
XHTML 1.1 plus MathML plus SVG：
"-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"
"/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
除了上面列出的doctype声明，具有特殊要求的一些文档还使用了其他几种声明。
doctype声明通常是文档的第一行，要在标记以及其他文档内容之前。
注意，在XHTML文档中，docty pe的前面偶尔会出现一条XML处理指令（也称为XML prolog）：
为了确保网页正确显示和顺利通过验证，使用正确的doctype是关键。
与内容相反的、不正确的或者形式错误的doctype是大量问题的罪魁祸首。
在未来的专栏文章中，我还会具体解释如何诊断及纠正这些问题。
用DW设计网页时，新建一个文件，看代码最前面总要出现一个下面的东东，
"/TR/html4/loose.dtd">
这个是DW自动在网页文件页增加了DTD信息.可以删.
删除后，浏览器会使用的默认DTD.。