DIV CSS标准制作网页学习之学习DTD的元素

css|标准|网页

在一个DTD中,XML元素通过DTD元素声明来进行声明。

声明一个元素

在DTD中,XML元素通过元素声明来进行声明。元素声明使用下面的语法:

<!ELEMENT 元素名称 类别>

或者

<!ELEMENT 元素名称 (元素内容)>

空元素

空元素通过类别关键词EMPTY进行声明:

<!ELEMENT 元素名称 EMPTY>

例子:

<!ELEMENT br EMPTY>

XML例子:

<br />

只有PCDATA的元素

只有PCDATA的元素通过圆括号中的#PCDATA进行声明:

<!ELEMENT 元素名称 (#PCDATA)>

例子:

<!ELEMENT from (#PCDATA)>

带有内容的元素

通过类别关键词ANY声明的元素,可包含任何可解析数据的组合:

<!ELEMENT 元素名称 ANY>

例子:

<!ELEMENT note ANY>

带有子元素(序列)的元素

带有一个或多个子元素的元素通过圆括号中的子元素名进行定义:

<!ELEMENT 元素名称 (子元素名称)>

或者

<!ELEMENT 元素名称 (子元素名称,子元素名称,.....)>

例子:

<!ELEMENT note (to,from,heading,body)>

当子元素按照由逗号分隔开的序列进行声明时,这些子元素必须按照相同的顺序出现在文档中。在一个完整的声明中,子元素也必须被声明,同时子元素也可拥有子元素。"note"元素的完整声明是:

<!ELEMENT note (to,from,heading,body)><!ELEMENT to      (#PCDATA)><!ELEMENT from    (#PCDATA)><!ELEMENT heading (#PCDATA)><!ELEMENT body    (#PCDATA)>

声明只出现一次的元素

<!ELEMENT 元素名称 (子元素名称)>

例子:

<!ELEMENT note (message)>

上面的例子声明了:message子元素必须出现一次,并且必须在"note"元素中出现一次。

声明最少出现一次的元素

<!ELEMENT 元素名称 (子元素名称+)>

例子:

<!ELEMENT note (message+)>

上面的例子中的加号声明了:message子元素必须在"note"元素内出现至少一次。

声明出现零次或多次的元素

<!ELEMENT 元素名称 (子元素名称*)>

例子:

<!ELEMENT note (message*)>

上面的例子中的星号声明了:子元素message可在"note"元素内出现零次或多次。

声明出现零次或一次的元素

<!ELEMENT 元素名称 (子元素名称?)>

例子:

<!ELEMENT note (message?)>

上面的例子中的问号声明了:子元素message可在"note"元素内出现零次或一次。

声明“非.../既...”类型的内容

例子:

<!ELEMENT note (to,from,header,(message|body))>

上面的例子声明了:"note"元素必须包含"to"元素、"from"元素、"header"元素,以及非"message"元素既"body"元素。

声明混合型的内容

例子:

<!ELEMENT note (#PCDATA|to|from|header|message)*>

上面的例子声明了:"note"元素可包含出现零次或多次的PCDATA、"to"、"from"、"header"或者"message"。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索声明
, 元素
, message
, 例子
, 一个
, jstree例子
, 圆括号
, 必须
相同子元素
,以便于您获取更多的相关知识。

时间: 2024-10-28 16:36:37

DIV CSS标准制作网页学习之学习DTD的元素的相关文章

DIV+CSS标准制作网页表单的select例子

css|select|标准|网页 大家都见过用CSS定义的各色的input按钮,但对于select却无法用定义input的简单方式来实现.下面提供另外一种css定义的方式来让你的select炫起来. CSS部分: .select * {  margin: 0;  padding: 0;} .select {  border:1px solid #cccccc;  float: left;  display: inline;  } .select div {  border:1px solid #

如何学习DIV+CSS(Web标准)制作网页

本文和大家重点讨论一下如何学习DIV+CSS制作网页,如何学习Web标准制作网页呢?我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结. 如何学习DIV+CSS制作网页 我接触的很多人都问,如何学习Web标准制作网页呢?我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结. 1.不要一味使用DW等工具设计网页,去熟悉(X)HTML语言和CSS语言 因为web标准对代码的要求提高了,没有对xhtml代码没有一定的了解是无法通过校检的.DW工具也可以使用,但

初学者用div+css结构写网页的几个误区

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网页的制作中对于用div和css结构写静态页目前已经很成熟,但许多新入行的朋友对于使用div和css结构还有很多误区,这些误区也是我曾经经历过的并且被"老鸟"指正的地方,所以总结下来分享给大家,希望对写网页有所帮助. 1.用div+css结构制作静态html网页不等于彻底抛弃古老的table写法.之所以不建议用table来

两栏DIV+CSS标准布局代码

一款两栏式DIV+CSS标准布局代码,详细如下: 代码如下:<html> <head> <title>Nice and Free CSS Template 1</title> <style type="text/css" media="screen"><!-- /*  body und schrift deffinitionen */ html, body{ padding:0px; margin:0

Div+CSS标准网页布局容易出现的问题汇总

css|标准|网页|问题 应用Div+CSS网页布局,制作符合web标准的网站,容易出现的一些问题.现在总结一下,以便大家能够看到明白问题出在那里. 一.CSS校验的问题 我们设计的网页,都希望符合XHTML标准,CSS通过W3C的校验.有些未通过CSS2.0校验,主要校验错误都是:"Line : 0 font-family: 建议你指定一个种类族科作为最后的选择"W3C建议字体定义的时候,最后以一个类别的字体结束,而不要以单独某个字体结束.例如"sans-serif&quo

标准制作网页:用CSS的dl、dd、dt做表单

css|标准|网页 昨天做了个表单,依旧用table来布局,因为个人感觉table布局表单是不错的(追求div重构,不等于完全抛弃table). 今天早上起来,想想还是换种方式来做表单的布局.于是便选种了dl.dd.dt,如下: XHTML部分:<dl> <dt>公司名称:</dt> <dd><input name="text" type="text" value="广州骏宝实业有限公司" s

DIV+CSS布局的网页对网站SEO的影响

css|seo|网页 代码精简 使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道.代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量有一定好处. 表格的嵌套问题 很多网站如何推广的文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎官方的证实.我的几项实验结果没有完全出来,但根据目前掌握的情况来看,spider爬行Ta

可刷新的Div+CSS+JS制作的树型菜单

css|js|菜单|刷新 Div+CSS+JS组和能够实现很多好看的特殊的效果,这里推荐一款可刷新的下拉菜单源代码: <style type="text/css"><!--*{margin:0;padding:0;border:0;}body { font-family: arial, 宋体, serif; font-size:12px;}#nav { width:180px; line-height: 24px; list-style-type: none; tex

DIV+CSS常用的网页布局代码

   单行一列以下是引用片段:body { margin: 0px; padding: 0px; text-align: center; }  #content { margin-left:auto; margin-right:auto; width: 400px; width: 370px; }  两行一列以下是引用片段:body { margin: 0px; padding: 0px; text-align: center;}  #content-top { margin-left:auto