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 相关文章推荐
体验js中splice()的强大(插入、删除或替换数组的元素)
Jan 16 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
May 07 Javascript
jquery获取一组checkbox的值(实例代码)
Nov 04 Javascript
简单谈谈javascript代码复用模式
Jan 28 Javascript
vue组件 $children,$refs,$parent的使用详解
Jul 31 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
Aug 14 jQuery
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
Jan 16 Javascript
JS实现的哈夫曼编码示例【原始版与修改版】
Apr 22 Javascript
vue-cli 3.x 修改dist路径的方法
Sep 19 Javascript
详解angular2 控制视图的封装模式
Dec 27 Javascript
使用JavaScript解析URL的方法示例
Mar 01 Javascript
JavaScript实现队列结构过程
Dec 06 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
php判断当前用户已在别处登录的方法
2015/01/06 PHP
Laravel 5 框架入门(四)完结篇
2015/04/09 PHP
Laravel实现ORM带条件搜索分页
2019/10/24 PHP
jquery 实现的全选和反选
2009/04/15 Javascript
js利用与或运算符优先级实现if else条件判断表达式
2010/04/15 Javascript
Jquery+WebService 校验账号是否已被注册的代码
2010/07/12 Javascript
JQuery中$之选择器用法介绍
2011/04/05 Javascript
javascript各浏览器中option元素的表现差异
2011/04/07 Javascript
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
2013/06/21 Javascript
得到form下的所有的input的js代码
2013/11/07 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
2013/11/28 Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
2014/04/03 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
2014/09/09 Javascript
基于JavaScript实现移动端TAB触屏切换效果
2015/10/20 Javascript
JavaScript面试开发常用的知识点总结
2016/08/08 Javascript
移动端基础事件总结与应用
2017/01/12 Javascript
Express + Session 实现登录验证功能
2017/09/08 Javascript
vue-router路由懒加载和权限控制详解
2017/12/13 Javascript
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
2018/09/05 Javascript
在Vue项目中引入JQuery-ui插件的讲解
2019/01/27 jQuery
简单了解JavaScript arguement原理及作用
2020/05/28 Javascript
详解C++编程中一元运算符的重载
2016/01/19 Python
Python实现提取XML内容并保存到Excel中的方法
2018/09/01 Python
详解Python 定时框架 Apscheduler原理及安装过程
2019/06/14 Python
python try except返回异常的信息字符串代码实例
2019/08/15 Python
Python使用itchat模块实现简单的微信控制电脑功能示例
2019/08/26 Python
Python sklearn库实现PCA教程(以鸢尾花分类为例)
2020/02/24 Python
详解CSS3原生支持div铺满浏览器的方法
2018/08/30 HTML / CSS
新西兰便宜隐形眼镜购买网站:QUICKLENS New Zealand
2019/03/02 全球购物
Contém1g官网:巴西彩妆品牌
2020/01/17 全球购物
群众路线教师自我剖析材料
2014/09/29 职场文书
2015年建筑工作总结报告
2015/05/04 职场文书
2016年元旦寄语
2015/08/17 职场文书
大学生社会服务心得体会
2016/01/22 职场文书
导游词之台湾阿里山
2019/10/23 职场文书
SpringBoot 集成Redis 过程
2021/06/02 Redis