初识网页设计

最新推荐文章于 2024-03-23 20:03:07 发布

虽有嘉肴

最新推荐文章于 2024-03-23 20:03:07 发布

阅读量141

点赞数

分类专栏：前端文章标签： javascript servlet html

本文链接：https://blog.csdn.net/qq_52276628/article/details/125663479

版权

前端专栏收录该内容

6 篇文章 1 订阅

订阅专栏

在网页设计时，通常将网页分成三个层次：结构层(HTML)，表示层(CSS)，行为层(Javascript)。
一、HTML、CSS、JavaScript简介

1、什么是HTML

HTML（超文本标记语言 Hyper Text Markup Language）是用来描述网页的一种语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

2、什么是CSS

CSS(层叠样式表 Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

样式定义显示 HTML 元素的语法为：selector {property：value} (选择符 {属性：值})

3、什么是JavaScript

JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行它可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，而是实时的内容更新，交互式的地图，2D/3D 动画，滚动播放的视频等等。

从宏观上来看，HTML定义网页的结构，CSS描述网页的外观，JavaScript设置网页的行为。举个例子，如果将一个网页比作一个人的话，HTML就是一个人的身体，而CSS就是人的衣服，这些构成了一个植物人，加上javascript植物人就能对外界刺激做出反应，产生行为，成为真正的人。

通过网页的身体HTML可以将这三者联系在一起,HTML是一种描述语言，通过浏览器来实现，具体描述如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页标题</title>
<link rel="stylesheet" type="text/css" href="mycss.css" />
<script type="text/javascript" src="myjs.js"></script>
</head>
<body>
<p>我的第一个网页</p>
</body>
</html>

这是最简单的HTML文档，文档说的是，浏览器，我遵循W3C标准XHTML1.0过渡版本规范（文件类型声明），采用的编码是utf-8,我的标题是“网页标题”，描述我外观的样式表是我同目录的mycss.css文件，与我有关的javascript代码在我同级的myks.js文件中，我的内容有一个段落，段落的内容是“我的第一个网页”。

二、HTML、CSS、JavaScript发展
1、HTML的版本

现在常用HTML 4.01和HTML5。2000年国际万维网联盟（W3C）公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。而XHTML 与 HTML 4.01 几乎是相同的，HTML从最初发展到XHTML的过程中变得更加的严谨，更加的灵活，与CSS结合的更好。原则上说现在能看到的大部分网页是使用HTML4或者HTML5这两个版本的。

HTML5是对HTML的重大的修改，虽然HTML5 标准还在制定中，但不能阻碍其势不可挡的脚步。HTML5的精髓请见《HTML5的入门与深入理解》

2、CSS的版本（Level）

CSS2.1是W3C现在正在推荐使用的；
CSS3现在还处于开发中。
如果说HTML的发展是一个不断修改的过程，那么CSS的发展就是一个不断补充的过程，所以在使用CSS的时候，不需要像HTML那行申明使用的标准，高版本的浏览器认识高版本的CSS定义，低版本的浏览器略过不认识的CSS定义。不管什么版本，CSS的语法很简单，选择器：{属性：属性值}，所以火爆的CSS3无外乎是扩展了选择器和属性。
CSS3新增的选择器和属性请见《CSS3新增的选择器和属性》

3、JavaScript的前世今生

JavaScript一种直译式脚本语言，它的解释器被称为JavaScript引擎，是浏览器的一部分，即：JavaScript是由客户端的浏览器解释执行的，所以在谈JavaScript的历史之前我们要先说浏览器。最早的web浏览器是创建于1991年的WorldWideWeb，后来改名为Nexus，之后出现了各类浏览器，直到1994年，网景公司（Netscape）发布了Navigator浏览器0.9版，这是历史上第一个比较成熟的网络浏览器，随后的1995年微软推出了IE浏览器，从此掀起了浏览器大战，微软采取操作系统捆绑IE浏览器，最终获得压倒性胜利，战争失利的Netscape在之后被收购、合并、解散。之后一段时间IE独领风骚，之后被Opera，Safari，Firefox，Chrome陆续瓜分掉一些市场份额，改变了一家独大的局面。

但是谈到JavaScript的历史，必须提到一个公司和一个人，那就是Netscape公司及其员工Brendan Eich，网景公司在发布了Navigator之后，急于解决浏览器与用户交互这个问题，Javascript之父Brendan Eich只用了10天的时间发明了livescript(让我辈情何以堪）,由于网景高层是java的粉丝，或者说为了抱上当时热炒的java的大腿，livascript更名为javascript,Brendan Eich他的思路是：
（1）借鉴C语言的基本语法；

　　（2）借鉴Java语言的数据类型和内存管理；

　　（3）借鉴Scheme语言，将函数提升到"第一等公民"（first class）的地位；

　　（4）借鉴Self语言，使用基于原型（prototype）的继承机制。
所以，Javascript语言实际上是两种语言风格的混合产物----（简化的）函数式编程+（简化的）面向对象编程。
Javascript 1.0获得了巨大的成功，Netscape随后推出了1.1，之后作为竞争对手的微软在自家的 IE3 中加入了名为 JScript （名称不同是为了避免侵权）的JavaScript实现。由此JavaScript 的规范化被提上日程，1997年，以 JavaScript1.1 为蓝本的建议被提交给了欧洲计算机制造商协会（ECMA），ECMA牵头经过数月的努力完成了 ECMA-262 ——定义了一种名为 ECMAScript 的新脚本语言的标准。

虽然 JavaScript 和 ECMAScript 通常被人用来表达相同的意思，但 JavaScript 的含义去比 ECMA-262 中规定的多得多。
一个完整的 JavaScript 实现应由三个部分组成：

（1）核心（ECMAScript），描述了该语言的语法和基本对象。

（2）文档对象模型（DOM），描述处理网页内容的方法和接口。

（3）浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

1995年发明了Javascript,1997年就推出了国际标准，迫切需要浏览器与用户相互的情况下，javascript发展的太快了，Javascript的规格还没来及调整，就固化了。相比之下，C语言问世将近20年之后，国际标准才颁布。
Javascript有很多缺陷，但是JavaScript 在前端地位无可替代，