html xml xhtml

时间:2019-03-19
本文章向大家介绍html xml xhtml,主要包括html xml xhtml使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

 html

  超文本标记语言——Hyper Text Markup Language、是描述网页的一种语言、“超文本”是指在单个网站内或网站之间将网页彼此连接的链接、HTML 使用“标记”(markup,亦作 tag)来注明文本、图片和其他内容,以便于在 Web 浏览器中显示。

<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <h1>标题</h1>
        <p>d段落</p>
    </body>
</html>

html5

  html5是对html标准的第5次修订,增加了很多新的内容,具体的可以往下看。我们再看一下html标准发展的历程

  

html ===》 html+===》 html2===》 html3 ===》 html4 ===》 xhtml ===》 html5

  你可能会问 xhtml 这是个什么鬼?了解这个之前我们先要说一下xml是什么东西

xml

  XML 指可扩展标记语言(EXtensible Markup Language)、XML 是一种标记语言,很类似 HTML、XML 的设计宗旨是传输数据,而非显示数据、XML 被设计用来结构化、存储以及传输信息HTML 被设计用来显示数据,下面是一份xml文件、然后我们接着说什么是xhtml

  

<?xml version="1.0" encoding="ISO-8859-1"?>
<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>

xhtml

  可扩展超文本标记语言(eXtensible Hyper Text MarkupLanguage,XHTML),我们为什么要使用他呢,我们看一下下面的代码

  

<html>
    <head>
        <title>This is bad HTML</title>
    <body>
        <h1>Bad HTML
            <p>This is a paragraph
    </body>

  这份代码很多标签根本就没有闭合,但是也可以显示页面,即便他未能准守html标准。上面的xml是一种必须正确标记且格式良好的标记语言、而且今日的科技界存在一些不同的浏览器技术。其中一些在计算机上运行,而另一些可能在移动电话或其他小型设备上运行。小型设备往往缺乏解释“糟糕”的标记语言的资源和能力。所以 - 通过结合 XML 和 HTML 的长处,开发出了 XHTML。XHTML 是作为 XML 被重新设计的 HTML。

  xhtml的一些特点

  

XHTML 元素必须正确嵌套
XHTML 元素必须始终关闭
XHTML 元素必须小写
XHTML 文档必须有一个根元素
XHTML 属性必须使用小写
XHTML 属性值必须用引号包围
XHTML 属性最小化也是禁止的

  

  XHTML是基于HTML 4的,并没有引入任何新标签或属性,唯一的区别是语法,HTML对语法比较随便,而 XHTML则要求XML般的严格语法。使用严格的语法规范并非坏事,要求开发者使用单一的代码风格,比如,HTML4允许你使用大写或小写字母标识标记元素和属性,XHTML则只 允许小写字母。只要遵循这个标准,Web的所有争端将得以解决.但问题是, 很多WEB从业人员比较讨厌XHTML, 我们想要的是改进HTML 4而不是去遵循一个新的标准.。更喜欢原有HTML的灵活性。所以后来的html5标准我认为其实是一种妥协、HTML5.它兼容HTML4.01的大部分, 并且还提供了一些新特性, 如用于媒介回放的 video 和 audio 元素,新的表单控件。而且现在比较著名的浏览器厂商也在积极响应html5,所以未来可期

html5的新特性

  后面可能会做详细的教程,大家期待一下喽

  

用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素,比如 article、footer、header、nav、section
新的表单控件,比如 calendar、datetime、email、url、search

 再说一个题外话,<!DOCTYPE html>   现在我们的htm页面的这句话代表什么含义呢?<!DOCTYPE> 声明不是 HTML 标签;声明文档类型、它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令  、在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种:<!DOCTYPE html>,那我们为什么一定要加上这句话呢?浏览器解析分为两种模式:怪异模式,标准模式,浏览器使用W3C的标准解析渲染页面。浏览器默认的就是怪异模式,如果不加,那么浏览器就会按照自己的方式解析页面,所以在不同的浏览器上页面渲染的方式不一样哟,如果你不想自找麻烦的话...。如果有的话,浏览器就会按照标准的方式解析。