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身份证验证超强脚本
Oct 26 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
Jun 17 Javascript
基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法
Jul 22 Javascript
JavaScript之underscore_动力节点Java学院整理
Jul 03 Javascript
JavaScript简单实现合并两个Json对象的方法示例
Oct 16 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
Apr 21 Javascript
vue组件表单数据回显验证及提交的实例代码
Aug 30 Javascript
JS获取并处理php数组的方法实例分析
Sep 04 Javascript
vue-cli项目修改文件热重载失效的解决方法
Sep 19 Javascript
微信小程序实现带缩略图轮播效果
Nov 04 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
Aug 29 Javascript
vue 动态给每个页面添加title、关键词和描述的方法
Aug 28 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抓取、分析国内视频网站的视频信息工具类
2014/04/02 PHP
CI框架在CLI下执行占用内存过大问题的解决方法
2014/06/17 PHP
使用图灵api创建微信聊天机器人
2015/07/23 PHP
php 使用curl模拟登录人人(校内)网的简单实例
2016/06/06 PHP
golang与PHP输出excel示例
2016/07/22 PHP
Yii2框架RESTful API 格式化响应,授权认证和速率限制三部分详解
2016/11/10 PHP
JavaScript 原型与继承说明
2010/06/09 Javascript
13个绚丽的Jquery 界面设计网站推荐
2010/09/28 Javascript
jquery maxlength使用说明
2011/09/09 Javascript
SinaEditor使用方法详解
2013/12/28 Javascript
javascript学习笔记(四)function函数部分
2014/09/30 Javascript
javascript版2048小游戏
2015/03/18 Javascript
javascript中基本类型和引用类型的区别分析
2015/05/12 Javascript
jQuery移动web开发中的页面初始化与加载事件
2015/12/03 Javascript
基于JavaScript短信验证码如何实现
2016/01/24 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
2016/03/11 Javascript
关于vue-resource报错450的解决方案
2017/07/24 Javascript
从零开始搭建vue移动端项目到上线的步骤
2018/10/15 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
2019/02/12 Javascript
前端Electron新手入门教程详解
2019/06/21 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
2019/08/23 Javascript
使用JavaScrip模拟实现仿京东搜索框功能
2019/10/16 Javascript
JS常用排序方法实例代码解析
2020/03/03 Javascript
python快速排序代码实例
2013/11/21 Python
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
python 消费 kafka 数据教程
2019/12/21 Python
如何在python中判断变量的类型
2020/07/29 Python
Python之字典对象的几种创建方法
2020/09/30 Python
HTML5 虚拟键盘出现挡住输入框的解决办法
2017/02/14 HTML / CSS
PyQt QMainWindow的使用示例
2021/03/24 Python
幼师自我鉴定范文
2013/10/01 职场文书
检查接待方案
2014/02/27 职场文书
全国税务系统先进集体事迹材料
2014/05/19 职场文书
大学生村官个人总结
2015/02/15 职场文书
肖申克救赎观后感
2015/06/02 职场文书
Ajax常用封装库——Axios的使用
2021/05/08 Javascript