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 constructor和instanceof,JSOO中的一对欢喜冤家
May 25 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
Jan 17 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
Dec 17 Javascript
Bootstrap按钮组件详解
Apr 26 Javascript
jQuery点击头像上传并预览图片
Feb 23 Javascript
微信小程序 页面传值详解
Mar 10 Javascript
详解VUE中v-bind的基本用法
Jul 13 Javascript
Angularjs的键盘事件的绑定
Jul 27 Javascript
vue两个组件间值的传递或修改方式
Jul 04 Javascript
Vue项目数据动态过滤实践及实现思路
Sep 11 Javascript
微信小程序页面渲染实现方法
Nov 06 Javascript
手把手带你入门微信小程序新框架Kbone的使用
Feb 25 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网页木马一枚 附PHP木马的防范方法
2009/10/09 PHP
php SQL Injection with MySQL
2011/02/27 PHP
解析php中获取系统信息的方法
2013/06/25 PHP
如何使用“PHP” 彩蛋进行敏感信息获取
2013/08/07 PHP
PHP工厂模式、单例模式与注册树模式实例详解
2019/06/03 PHP
js性能优化 如何更快速加载你的JavaScript页面
2012/03/17 Javascript
Javascript 多浏览器兼容总结(实战经验)
2013/10/30 Javascript
使用JS取得焦点(focus)元素代码
2014/03/22 Javascript
分享一则javascript 调试技巧
2015/01/02 Javascript
浅谈JavaScript的事件
2015/02/27 Javascript
使用递归遍历对象获得value值的实现方法
2016/06/14 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
2016/07/15 Javascript
全面了解javascript中的错误处理机制
2016/07/18 Javascript
JavaScript中一些特殊的字符运算
2017/08/17 Javascript
bootstrap 点击空白处popover弹出框隐藏实例
2018/01/24 Javascript
Vue核心概念Action的总结
2019/01/18 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
Element ui 下拉多选时新增一个选择所有的选项
2019/08/21 Javascript
ElementUI之Message功能拓展详解
2019/10/18 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
2020/11/09 Javascript
[13:39]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第一场
2014/05/26 DOTA
Python判断两个list是否是父子集关系的实例
2018/05/04 Python
关于Pycharm无法debug问题的总结
2019/01/19 Python
微信公众号token验证失败解决方案
2019/07/22 Python
Python爬虫程序架构和运行流程原理解析
2020/03/09 Python
构建高效的python requests长连接池详解
2020/05/02 Python
matplotlib绘制鼠标的十字光标的实现(自定义方式,官方实例)
2021/01/10 Python
html5定制表单_动力节点Java学院整理
2017/07/11 HTML / CSS
英国老牌潮鞋店:Offspring
2019/08/19 全球购物
俄罗斯奢侈品牌衣服、鞋子和配饰的在线商店:INTERMODA
2020/07/17 全球购物
化工专业应届生求职信
2013/11/08 职场文书
《美丽的小路》教学反思
2014/02/26 职场文书
社区居务公开实施方案
2014/03/27 职场文书
2014年度安全生产目标管理责任书
2014/07/25 职场文书
小学班主任工作总结2015
2015/04/07 职场文书
SQL Server数据定义——模式与基本表操作
2021/04/05 SQL Server