深圳网络建设_深圳网络营销_深圳池喏网络科技有限公司

Web前端学习第18课,XHTML与HTML在写法上的区别

2020-06-01 22:05


在上一课中我们已经学习了HTML和XHTML使用的文档声明。这节课来学习它们在标签写法和属性写法上的不同。

XHTML 元素是以 XML 格式编写的 HTML 元素。在XHTML中标记的写法有4条规则:元素必须正确嵌套、元素必须始终关闭、元素必须小写、 元素必须正确嵌套。

(1)在 HTML 中,某些元素可以不正确地彼此嵌套在一起,就像这样:这是一些文本。在 XHTML 中,所有元素必须正确地彼此嵌套,就像这样:这是文字

(2) XHTML 元素必须始终关闭。例如,这段代码是错误的:这是一个段落,因为段落没有使用结束标签。这是正确的:文本段落,文本标记和容器标记必须有开始标签和结束标签。

(3) 空元素也必须关闭。这些代码是错误的:换行,水平线等, 虽然这些标记不含有文字内容,它们是空元素,在HTML中可以,但是在XHTML语言中不可以。下面的是正确的:换行br /、水平线 hr /,即空元素必须有关闭标签,只不过用斜杠将它写在开始标签里。也就是说开始标签和结束标签合并了。

(4)XHTML 元素必须小写。在HTML中,元素的大小写无关紧要,但是在XHTML中所有元素必须小写。这是错误的:BODY/BODY。正确的写法是:bodyp这是一个段落/p/body

XHTML 属性是以 XML 格式编写的 HTML 属性。XHTML与HTML在属性写法上不同,具体有以下规则: 属性必须使用小写、 属性值必须用引号包围、属性最小化也是禁止的。

(1)属性必须使用小写。同标签名一样,属性名必须小写。例如,下面的标记是一个表格,这些代码是错误的:table WIDTH=100%,这是正确的:table width=100%。

(2) XHTML 属性值必须用引号包围。在HTML中属性值可以使用或不使用引号,但是在XHTML中。例如,在XHTML中,这是错误的:body color=red;这才是正确的:body color=”red”。

(3)禁止属性简写。在HTML中,例如表单标记的只读属性,你可以写成这样:input readonly,readonly是input的一个属性,它没有取值。但是在XHTML中,这种写法是错误的,在XHTML中,即使是属性没有值,也要用属性名字作为它的值,就像这样。readonly=”readonly”

学习的过程没有捷径,你必须按学会基础知识,运用基础知识开发组件,然后将这些组件进行组合来形成你的完整的前端知识体系。在web前端的基础知识运用中,你可以参考这本书。

通过本课程的学习,你已经基本掌握了各种版本的HTML标签的写法,以及一些常用的基本标签,写法规则很简单,重要的是你要学会运用各种标签。在我的视频中,将会为你介绍更多的html各版本适用的标签,以及这些标签的功能和用法,当然如果你想快速学会web前端,你也可以购买图书进行学习。


上一篇:一个略微偏门的赚钱领域,暂时做的人还不多


下一篇:APP开发前要知道哪些问题?


服务支持

我们珍惜您每一次在线询盘,有问必答,用专业的态度,贴心的服务。

让您真正感受到我们的与众不同!