Html、xhtml与html5的联系与区别

来源：网络收集时间：2026-09-12

导读： Html、xhtml与html5的联系与区别初朋飞 Html中嵌入css 有三种方法： 1.内部引用所谓内部引用就是运用style标签引用在同HTML页内HEAD/HEAD部分的css定义。如： html head .cssstyle { font:12px; color:#339966; border:1px #e1763d solid; } /head body di

初朋飞

Html中嵌入css 有三种方法：

1.内部引用

所谓内部引用就是运用style标签引用在同HTML页内<HEAD></HEAD>部分的css定义。如： <html>

<head>

.cssstyle { font:12px;

color:#339966;

border:1px #e1763d solid;

}

</head>

<body>

<div class="cssstyle"> THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div> </body>

</html>

2.外部引用

外部引用就是用<link>标签引用外部CSS文件中的样式。如欲实现上述效果，可将CSS做成单独文件。

文件CSSSTYLE.CSS

.cssstyle { font:12px;

color:#339966;

border:1px #e1763d solid;

}

然后在HTML引用它：

<html>

<head>

</head>

<body>

<div class="cssstyle"> THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div> </body>

</html>

使用这种方法引用要确保CSS文件和HTML文件的相对路径完整无误，要不然HTML文档是不会找到CSS样式的。

3.内联引用

内联引用其实就是在应用CSS样式的HTML部分直接在所做用的标签上定义CSS样式，这种方法最直接，但是缺点也最明显，最大的问题就是代码繁冗，作用域也仅仅在定义的标签的作用范围。如：

<p>I AM NOT GREY, WHAT COLOR AM I? :)</p>

上述的 3 种 CSS，可以同时并用，也可以单一或成双地利用。若是各 CSS 间的论述相冲突，则内在界说的 CSS 会盖过外在连结的 CSS ，字里行间的 CSS 会盖过内在界说的 CSS 。

Html中嵌入javascript

在html中嵌入javascript代码有两种方式。

第一种方法是将javascript代码直接嵌入＜head>部分的＜script>标签之间，如：＜head>

＜script type="text/javascript">

＜!--

alert("这里是嵌入的javascript代码");

//-->

＜/script>

＜/head>

在上述代码中的＜!-- //--> 标签，是当浏览器不支持javascript代码时，用来屏蔽

javascript代码的。当然，现在可以不需要添加，因为目前没有浏览器不支持javascript。

第二种方法是先把javascript代码存入一个独立的文件中，其扩展名为.js。然后利用＜script>标签的src属性引用该文件。如：

下面是1.js中的javascript代码。

alert("这里是1.js中的javascript代码");

以下是用于调用1.js的html文件，命名为1.html。

＜html>

＜head>

＜script type="text/javascript" src="1.js">＜/script>

＜/head>

＜body>＜/body>

＜/html>

注意，当＜script>标签的src属性引用了外部js文件时，该＜script>标签之间不能再添加javascript代码。

对于上述两种方式，建议尽量使用外部引用js文件的方法。如此，既可以反复在多张页面调用js代码，同时便于修改代码和后期维护。

Html中嵌入php

在html语言中嵌入php脚本有四种语法。默认语法、脚本标记、短标记和asp风格。 1. 默认语法

<?php

echo "使用默认标记";

2. 脚本标记

echo "使用脚本标记"

</script>

3. 短标记

短标记是一种不太常见的形式，短标记是以"<?" 开始，以"?>"结束。使用这种更短的界定语法把php语言与其它标记界定开，知标记必须声明默认语法中必须使用的php引用，但是使用这个特性，必须启用php的short_open_tag指令。启用短标记，在使用print或echo显示信息时，还可以省略这些语句。

使用方法：

echo "短标记";

4. asp风格<%

ASP风格标记是以"<%" 开始，以"%>"结束，该风格标记和ASP,JSP中嵌入脚本程序的标记一样，但是在PHP中下必须设置php.ini文件。打开PHP安装目录下的php.ini文件，在该文件修改asp_tags属性的值设置为On,该标记即可直接使用。

echo "asp风格嵌入";

HTML、XHTML和HTML5的区别与联系

html是超文本标记语言；xhtml是可扩展超文本标记语言。

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。

HTML5 是 HTML、XHTML 以及 HTML DOM 的新标准。它仍处于完善之中。但目前为止的大部分现代浏览器已经支持 HTML5 。

HTML5相比XHTML，新增一些特性：

1. 用于绘画的 canvas 元素

2. 用于媒介回放的 video 和 audio 元素