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中的事件
Sep 23 Javascript
Javascript &amp; DHTML 实例编程(教程)基础知识
Jun 02 Javascript
jquery获得option的值和对option进行操作
Dec 13 Javascript
jquery对单选框,多选框,文本框等常见操作小结
Jan 08 Javascript
JavaScript中使用指数方法Math.exp()的简介
Jun 15 Javascript
JS给Textarea文本框添加行号的方法
Aug 20 Javascript
如何在Linux上安装Node.js
Apr 01 Javascript
使用jQuery.form.js/springmvc框架实现文件上传功能
May 12 Javascript
JS+CSS3模拟溢出滚动效果
Aug 12 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
Aug 14 Javascript
JavaScript canvas绘制圆弧与圆形
Feb 18 Javascript
vue.js实现简单购物车功能
May 30 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 Socket 编程
2010/04/09 PHP
php类的扩展和继承用法实例
2015/06/20 PHP
php获取本机真实IP地址实例代码
2016/03/31 PHP
thinkphp制作404跳转页的简单实现方法
2016/09/22 PHP
thinkPHP中钩子的使用方法实例分析
2017/11/16 PHP
CI框架(CodeIgniter)实现的导入、导出数据操作示例
2018/05/24 PHP
javascript function、指针及内置对象
2009/02/19 Javascript
javascript 闭包疑问
2010/12/30 Javascript
js检测输入内容全为空格的方法
2014/05/03 Javascript
使用jQueryMobile实现滑动翻页效果的方法
2015/02/04 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
2015/02/11 Javascript
jQuery实现带延迟的二级tab切换下拉列表效果
2015/09/01 Javascript
javascript每日必学之封装
2016/02/23 Javascript
浅谈react.js 之 批量添加与删除功能
2017/04/17 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
2017/07/09 Javascript
在 vue-cli v3.0 中使用 SCSS/SASS的方法
2018/06/14 Javascript
解决vue无法设置滚动位置的问题
2018/10/07 Javascript
JS实现旋转木马轮播图
2020/01/01 Javascript
js实现页面导航层级指示效果
2020/08/25 Javascript
[06:45]DOTA2卡尔工作室 英雄介绍幻影长矛手篇
2013/07/12 DOTA
Python中处理unchecked未捕获异常实例
2015/01/17 Python
Python使用cookielib模块操作cookie的实例教程
2016/07/12 Python
django基础之数据库操作方法(详解)
2017/05/24 Python
Python Excel处理库openpyxl使用详解
2019/05/09 Python
python实现beta分布概率密度函数的方法
2019/07/08 Python
python+selenium+chrome批量文件下载并自动创建文件夹实例
2020/04/27 Python
在pycharm中创建django项目的示例代码
2020/05/28 Python
Django自定义YamlField实现过程解析
2020/11/11 Python
CSS3利用text-shadow属性实现多种效果的文字样式展现方法
2016/08/25 HTML / CSS
Guess美国官网:美国知名服装品牌
2019/04/08 全球购物
办公室年终个人自我评价
2013/10/28 职场文书
高中毕业自我鉴定
2013/12/16 职场文书
幼儿园毕业典礼主持词
2014/03/21 职场文书
态度决定一切演讲稿
2014/05/20 职场文书
群众路线教育实践活动学习心得体会
2014/10/30 职场文书
大学生思想道德自我评价
2015/03/09 职场文书