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 相关文章推荐
Flash对联广告的关闭按钮讨论
Jan 30 Javascript
jquery tab标签页的制作
May 10 Javascript
jQuery ajax cache缓存问题
Jul 01 Javascript
解析js原生方法创建表格效率测试
Jul 08 Javascript
基于jquery实现发送文章到手机的代码
Dec 26 Javascript
JavaScript的内存释放问题详解
Jan 21 Javascript
jquery实现的代替传统checkbox样式插件
Jun 19 Javascript
PHP捕捉异常中断的方法
Oct 24 Javascript
Javascript中this关键字指向问题的测试与详解
Aug 11 Javascript
Node.js中你不可不精的Stream(流)
Jun 08 Javascript
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
Oct 16 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
Mar 07 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
一个简易需要注册的留言版程序
2006/10/09 PHP
php cookis创建实现代码
2009/03/16 PHP
php中的静态变量的基本用法
2014/03/20 PHP
PHP多维数组遍历方法(2种实现方法)
2015/12/10 PHP
thinkPHP的表达式查询用法详解
2016/09/14 PHP
php rsa 加密,解密,签名,验签详解
2016/12/06 PHP
php使用gd2绘制基本图形示例(直线、圆、正方形)
2017/02/15 PHP
详解php反序列化
2020/06/10 PHP
javascript GUID生成器实现代码
2009/10/31 Javascript
利用谷歌地图API获取点与点的距离的js代码
2012/10/11 Javascript
当鼠标移动时出现特效的JQuery代码
2013/11/08 Javascript
Bootstrap表单Form全面解析
2016/06/13 Javascript
PHP抓取HTTPS内容和错误处理的方法
2016/09/30 Javascript
一文读懂ES7中的javascript修饰器
2019/05/06 Javascript
微信小程序事件 bindtap bindinput代码实例
2019/08/26 Javascript
为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置
2019/09/29 Javascript
javascript 对象 与 prototype 原型用法实例分析
2019/11/11 Javascript
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
[01:35]2018完美盛典章节片——共竞
2018/12/17 DOTA
Python 数据结构之队列的实现
2017/01/22 Python
利用numpy和pandas处理csv文件中的时间方法
2018/04/19 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
python中使用 xlwt 操作excel的常见方法与问题
2019/01/13 Python
使用Python 统计高频字数的方法
2019/01/31 Python
基于python3 pyQt5 QtDesignner实现窗口化猜数字游戏功能
2019/07/15 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
Python 绘制可视化折线图
2020/07/22 Python
实例讲解CSS3中Transform的perspective属性的用法
2016/04/22 HTML / CSS
英国Flybe航空官网:欧洲最大的独立支线廉价航空公司
2019/07/15 全球购物
私人委托书格式
2014/09/10 职场文书
2014领导班子四风问题查摆思想汇报
2014/09/13 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
2016元旦主持人经典开场白台词
2015/12/03 职场文书
2019暑假学生安全口号
2019/06/27 职场文书
pytorch 中nn.Dropout的使用说明
2021/05/20 Python
python 镜像环境搭建总结
2022/09/23 Python