admin 管理员组文章数量: 887021
2024年2月23日发(作者:大国相txt八零)
Html、xhtml与html5的联系与区别
初朋飞
Html中嵌入css
有三种方法:
1.内部引用
所谓内部引用就是运用style标签引用在同HTML页内
部分的css定义。如:
.cssstyle { font:12px;
color:#339966;
border:1px #e1763d solid;
}
2.外部引用
外部引用就是用标签引用外部CSS文件中的样式。如欲实现上述效果,可将CSS做成单独文件。
文件
.cssstyle { font:12px;
color:#339966;
border:1px #e1763d solid;
}
然后在HTML引用它:
使用这种方法引用要确保CSS文件和HTML文件的相对路径完整无误,要不然HTML文档是不会找到CSS样式的。
3.内联引用
内联引用其实就是在应用CSS样式的HTML部分直接在所做用的标签上定义CSS样式,这种方法最直接,但是缺点也最明显,最大的问题就是代码繁冗,作用域也仅仅在定义的标签的作用范围。如:
THIS TEXT IS GREY
I AM NOT GREY, WHAT COLOR AM I? :)
上述的 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属性引用该文件。如:
下面是中的javascript代码。
alert("这里是中的javascript代码");
以下是用于调用的html文件,命名为。
<html>
<head>
<script type="text/javascript" src=""></script>
</head>
<body></body>
</html>
注意,当<script>标签的src属性引用了外部js文件时,该<script>标签之间不能再添加javascript代码。
对于上述两种方式,建议尽量使用外部引用js文件的方法。如此,既可以反复在多张页面调用js代码,同时便于修改代码和后期维护。
Html中嵌入php
在html语言中嵌入php脚本有四种语法。默认语法 、脚本标记、短标记和asp风格。
1. 默认语法
echo "使用默认标记";
?>
2. 脚本标记
3. 短标记
短标记是一种不太常见的形式,短标记是以"" 开始,以"?>"结束。使用这种更短的界定语法把php语言与其它标记界定开,知标记必须声明默认语法中必须使用的php引用,但是使用这个特性,必须启用php的short_open_tag指令。启用短标记,在使用print或echo显示信息时,还可以省略这些语句。
使用方法:
echo "短标记";
?>
4. asp风格<%
ASP风格标记是以"<%" 开始,以"%>"结束,该风格标记和ASP,JSP中嵌入脚本程序的标记一样,但是在PHP中下必须设置文件。打开PHP安装目录下的文件,在该 文件修改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 元素
3. 对本地离线存储的更好的支持
4. 新的特殊内容元素,比如 article、footer、header、nav、section
5. 新的表单控件,比如 calendar、date、time、email、url、search
版权声明:本文标题:Html、xhtml与html5的联系与区别 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.freenas.com.cn/jishu/1708649203h528616.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论