JavaScript 中 xml 约束(2),超详细讲解

本文详细介绍了XML文档类型定义(DTD)和Schema约束在Web前端开发中的应用,包括元素的简单与复杂定义、属性的约束条件,以及如何在XML文件中引入DTD和Schema。还提到了一份面向前端开发者的学习资源,覆盖基础知识和进阶课程。
摘要由CSDN通过智能技术生成

【2】特点

【3】编写步骤

【4】复杂元素指示器

【5】约束属性


1、dtd 约束

========

【1】编写步骤

  1. 看 xml 中有多少个元素,有几个就在 dtd 文件中写几个 <!ELEMENT>

  2. 判断元素是简单元素还是复杂元素

  3. 简单元素:没有子元素

<!ELEMENT  元素名称  (#PCDATA)>
  1. 复杂元素:有子元素的元素
<!ELEMENT  元素名称  (子元素)>
  1. 需要在 xml 文件中引入 dtd 文件

【2】xml 文件引入 dtd 文件方法

  1. 内部引入
<!ELEMENT student (name,age,sex)> <!ELEMENT name (#PCDATA)> <!ELEMENT age (#PCDATA)> <!ELEMENT sex (#PCDATA)> <!ATTLIST student number ID #REQUIRED>

]>

  1. 外部引入

  2. 本地:

  3. 网络:

  • 内部引入:
<?xml version="1.0" encoding="UTF-8"?> <!ELEMENT student (name,age,sex)> <!ELEMENT name (#PCDATA)> <!ELEMENT age (#PCDATA)> <!ELEMENT sex (#PCDATA)> <!ATTLIST student number ID #REQUIRED>

]>

  • 外部引入:

xml 文件

<?xml version="1.0" encoding="UTF-8"?>

dtd 文件

<!ELEMENT students (student*)> <!ELEMENT student (name,age,sex)> <!ELEMENT name (#PCDATA)> <!ELEMENT age (#PCDATA)> <!ELEMENT sex (#PCDATA)> <!ATTLIST student number ID #REQUIRED>

【3】dtd 元素定义

  • 语法:<!ELEMENT  元素名  约束>

  • 简单元素:<!ELEMENT  name  (#PCDATA)>

  • (#PCDATA):约束 name 是字符串类型

  • EMPTY:约束元素为空

  • AND:约束任意元素

  • 复杂元素:<!ELEMENT  student  (name+,age?,sex\*)>

  • <!ELEMENT  元素名称  (子元素)>
  • 表示元素出现的次数:

  • +:表示一次或者多次

  • ?:表示零次或者一次

  • *:表示零次或者多次

  • 子元素直接使用逗号隔开

  • 表示元素出现的顺序

  • 子元素直接使用 | 隔开

  • 表示元素只能出现其中的任意一个

【4】dtd 属性定义

  • 语法:<!ATTLIST  元素名称  属性名称  属性类型  属性的约束>

  • 属性类型

  • CDATA:字符串

  • | :枚举(aa|bb|cc)

  • ID:值只能是字符串或者下划线开头

  • 属性的约束

  • #REQUIRED:表示属性必须存在

  • #IMPLIED:表示属性可有可无

  • #FIXED:表示一个固定值

  • 直接值:直接设置

【5】dtd 定义实体

  • 语法:<!ENTITY  实体名称  "实体的值">   rg:<!ENTITY  NAME  "一颗星">

  • 使用实体:&NAME;

<?xml version="1.0" encoding="UTF-8"?> <!ELEMENT student (name,age,sex)> <!ELEMENT name (#PCDATA)> <!ELEMENT age (#PCDATA)> <!ELEMENT sex (#PCDATA)> <!ATTLIST age num (18|19|20) #REQUIRED> <!ATTLIST student number ID #REQUIRED> <!ENTITY NAME "一颗星">

]>

&NAME;

2、schema 约束

===========

【1】属性

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

基础学习:

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计:HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互:JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

一个人可以走的很快,但一群人才能走的更远。如果你从事以下工作或对以下感兴趣,欢迎戳这里加入程序员的圈子,让我们一起学习成长!

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

Xe5A-1712183358227)]

一个人可以走的很快,但一群人才能走的更远。如果你从事以下工作或对以下感兴趣,欢迎戳这里加入程序员的圈子,让我们一起学习成长!

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值