XML、HTML、CSS与JS的区别整理


Posted in Javascript onFebruary 18, 2016

在BS中,xml,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文件,对一些标签的样式进行修改。

XML、HTML、CSS与JS的区别整理

我们使用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的区别整理

关于 XML、HTML、CSS与JS的区别就给大家介绍这么多,后续还会给大家介绍这几者结合之后的效果。感兴趣的朋友敬请关注三水点靠木网站。

Javascript 相关文章推荐
javascript中利用数组实现的循环队列代码
Jan 24 Javascript
动态调用CSS文件的JS代码
Jul 29 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
Nov 21 Javascript
使用jquery修改表单的提交地址基本思路
Jun 04 Javascript
不想让浏览器运行javascript脚本的方法
Nov 20 Javascript
javascript正则表达式之分组概念与用法实例
Jun 16 Javascript
Backbone中View之间传值的学习心得
Aug 09 Javascript
underscore之function_动力节点Java学院整理
Jul 11 Javascript
JavaScript中使用参数个数实现重载功能
Sep 01 Javascript
react实现换肤功能的示例代码
Aug 14 Javascript
layui中select,radio设置不生效的解决方法
Sep 05 Javascript
JavaScript实现简单计算器功能
Dec 19 Javascript
jQuery插件实现适用于移动端的地址选择器
Feb 18 #Javascript
AngularJS 2.0新特性有哪些
Feb 18 #Javascript
JavaScript+canvas实现七色板效果实例
Feb 18 #Javascript
javascript结合Flexbox简单实现滑动拼图游戏
Feb 18 #Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
Feb 18 #Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
Feb 18 #Javascript
javascript每日必学之条件分支
Feb 17 #Javascript
You might like
PHP4之COOKIE支持详解
2006/10/09 PHP
php,ajax实现分页
2008/03/27 PHP
如果文字过长,则将过长的部分变成省略号显示
2006/06/26 Javascript
在js中使用&quot;with&quot;语句中跨frame的变量引用问题
2007/03/08 Javascript
基于jQuery架构javascript基础体系
2011/01/01 Javascript
基于jquery编写的横向自适应幻灯片切换特效的实例代码
2013/08/06 Javascript
关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器
2014/02/11 Javascript
js实现网页自动刷新可制作节日倒计时效果
2014/05/27 Javascript
javascript记录文本框内文字个数检测文字个数变化
2014/10/14 Javascript
浅谈Javascript中的12种DOM节点类型
2016/08/19 Javascript
Javascript实现倒计时(防页面刷新)实例
2016/12/13 Javascript
11行JS代码制作二维码生成功能
2018/03/09 Javascript
深入理解Node module模块
2018/03/26 Javascript
基于JS实现带动画效果的流程进度条
2018/06/01 Javascript
解决Js先触发失去焦点事件再执行点击事件的问题
2018/08/30 Javascript
jQuery中实现text()的方法
2019/04/04 jQuery
如何基于js判断浏览器版本
2020/02/20 Javascript
python根据距离和时长计算配速示例
2014/02/16 Python
python使用chardet判断字符串编码的方法
2015/03/13 Python
Python实现对PPT文件进行截图操作的方法
2015/04/28 Python
各个系统下的Python解释器相关安装方法
2015/10/12 Python
Swift中的协议(protocol)学习教程
2016/07/08 Python
JSONLINT:python的json数据验证库实例解析
2017/11/28 Python
HTML5 Canvas渐进填充与透明实现图像的Mask效果
2013/07/11 HTML / CSS
Booking.com美国:全球酒店预订网站
2017/04/18 全球购物
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
长辈证婚人证婚词
2014/01/09 职场文书
大学英语演讲稿(中英文对照)
2014/01/14 职场文书
共产党员承诺书
2014/03/25 职场文书
党员三严三实心得体会
2014/10/13 职场文书
考试作弊检讨书
2015/01/27 职场文书
村党组织公开承诺书
2015/04/30 职场文书
因家庭原因离职的辞职信范文
2015/05/12 职场文书
Python insert() / append() 用法 Leetcode实战演示
2021/03/31 Python
python异常中else的实例用法
2021/06/15 Python
使用vue判断当前环境是安卓还是IOS
2022/04/12 Vue.js