XML、HTML、CSS与JS的区别整理
2016-02-18 00:00
585 查看
在BS中,xml,html,css和js我们都学过,起初分不清这四者的区别和联系,随着知识的增长,有了一些体会。
首次,我们看一下这四项技术都是什么,能干什么?
(一)XML―Extensible Markup Language
可扩展标记语言(标准通用标记语言的子集)是一种简单的数据存储语言,使用一系列简单的标记描述数据,而这些标记可以用方便的方式建立,虽然可扩展标记语言占用的空间比二进制数据要占用更多的空间,但可扩展标记语言极其简单易于掌握和使用。
(二)HTML―Hypertext Markup Language。
超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(比如文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,
HTML文本中包含了所谓的“链接点”HTML利用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。总的来说,HTML就是整合网页结构和内容显示的一种语言。
(三)CSS―Cascading Style Sheet
层叠样式表单。是将样式信息与网页内容分离的一种标记语言。我们在牛腩新闻发布系统中,我们使用过CSS文件,对一些标签的样式进行修改。
我们使用CSS为每个HTML元素定义样式,也可以用于多个界面。进行全局更新时,只需修改样式即可。
说白了,CSS就是设置网页上HTML元素属性的语言。
(四)JavaScript
一开始特别郁闷为什么它的名字跟Java如此相似?
这是典型的市场营销方面的成功,它的推广成功,也是借了Java的东风。当微软开始意识到Javascript在Web开发人员中流行起来时,微软还是一贯风格,建立了自己的脚本语言,JScript。
Javascript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。例如可以设置鼠标悬停效果,在客户端验证表单,创建定制的HTML页面,显示警告框,设置cookie等等。
把代码嵌入HTML语言中,它会在加载时弹出一个“Hello World”对话框。至于怎么嵌入的,我们在学习JS视频之初就已经知道了。
关于 XML、HTML、CSS与JS的区别就给大家介绍这么多,后续还会给大家介绍这几者结合之后的效果。感兴趣的朋友敬请关注脚本之家网站。
php完全过滤HTML,JS,CSS等标签
用html css javascript打造自己的RIA图文教程
php中去除所有js,html,css代码
asp中去除html中style,javascript,css代码
JavaScript/jQuery、HTML、CSS 构建 Web IM 远程及时聊天通信程序
php压缩HTML函数轻松实现压缩html/js/Css及注意事项
JavaScript改变HTML元素的样式改变CSS及元素属性
用html+css+js实现的一个简单的图片切换特效
首次,我们看一下这四项技术都是什么,能干什么?
(一)XML―Extensible Markup Language
可扩展标记语言(标准通用标记语言的子集)是一种简单的数据存储语言,使用一系列简单的标记描述数据,而这些标记可以用方便的方式建立,虽然可扩展标记语言占用的空间比二进制数据要占用更多的空间,但可扩展标记语言极其简单易于掌握和使用。
<Hello> <bcd>China</bcd> <bcd>USA</bcd> <bcd>UK</bcd> </Hello>
(二)HTML―Hypertext Markup Language。
超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(比如文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,
<html> <head> <title>HTML</title> </head> <body> </body> </html>
HTML文本中包含了所谓的“链接点”HTML利用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。总的来说,HTML就是整合网页结构和内容显示的一种语言。
(三)CSS―Cascading Style Sheet
层叠样式表单。是将样式信息与网页内容分离的一种标记语言。我们在牛腩新闻发布系统中,我们使用过CSS文件,对一些标签的样式进行修改。
我们使用CSS为每个HTML元素定义样式,也可以用于多个界面。进行全局更新时,只需修改样式即可。
body { border :1px solid #000;/*整体的边框*/ font-size :14px; }
说白了,CSS就是设置网页上HTML元素属性的语言。
(四)JavaScript
一开始特别郁闷为什么它的名字跟Java如此相似?
这是典型的市场营销方面的成功,它的推广成功,也是借了Java的东风。当微软开始意识到Javascript在Web开发人员中流行起来时,微软还是一贯风格,建立了自己的脚本语言,JScript。
Javascript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。例如可以设置鼠标悬停效果,在客户端验证表单,创建定制的HTML页面,显示警告框,设置cookie等等。
function jsHello(){ alert('Hello World!'); }
把代码嵌入HTML语言中,它会在加载时弹出一个“Hello World”对话框。至于怎么嵌入的,我们在学习JS视频之初就已经知道了。
关于 XML、HTML、CSS与JS的区别就给大家介绍这么多,后续还会给大家介绍这几者结合之后的效果。感兴趣的朋友敬请关注脚本之家网站。
您可能感兴趣的文章:
过滤所有HTML代码和CSS,JSphp完全过滤HTML,JS,CSS等标签
用html css javascript打造自己的RIA图文教程
php中去除所有js,html,css代码
asp中去除html中style,javascript,css代码
JavaScript/jQuery、HTML、CSS 构建 Web IM 远程及时聊天通信程序
php压缩HTML函数轻松实现压缩html/js/Css及注意事项
JavaScript改变HTML元素的样式改变CSS及元素属性
用html+css+js实现的一个简单的图片切换特效
相关文章推荐
- js实现简单的省市县三级联动效果实例
- Js实现简单的小球运动特效
- JS实现1000以内被3或5整除的数字之和
- ( 译、持续更新 ) JavaScript 上分小技巧(四)
- JS 中给按钮动态添加触发事件
- Grunt配置之 -- JSHint插件安装和配置
- 解决iscroll.js上拉下拉刷新手指划出屏幕页面无法回弹问题
- 【JavaScript】JS读取XML文件并进行搜索
- XSS中JavaScript加密以及Filter bypass
- html锚点的作用和js选项卡锚点跳转的使用
- 利用js参数,保持客户端文件的新鲜度
- JSP 的“4379”
- 自学javascript笔记_自用_解析W3school的代码
- 第2章{ 2-14 [选学]读懂bee的gulpfile.js }
- 第2章{ 2-13 使用抓包工具线上调试 }
- 第2章{ 2-12 使用gulp构建kissy工程 }
- 第2章{ 2-10 使用依赖表控制combo }
- js模拟Ctrl+C复制、Ctrl+V粘贴功能之tabindex、focus、keyCode
- 第2章{ 2-9 别名机制 }
- 第2章{ 2-8 使用combo配置减少请求 }