HTML5+CSS3网页设计概述

本文介绍了网页的基本概念,包括静态和动态网页,以及网页制作中的HTML5、CSS3和JavaScript技术。HTML5作为现代网页的标准,强调兼容性、合理性与易用性,新增的结构标签如<!DOCTYPE>、<html>、<head>和<body>等简化了网页编写。同时,文章提及了浏览器兼容性和重要性,如Firefox的Firebug工具和不同版本的IE浏览器。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

网页概述

什么是网页

网页可以看做承载各种网站应用和信息的容器,所有可视化的内容都会通过网页展示给用户。网页主要由文字、图像和超链接(超链接为单击可以跳转的网页元素)等元素构成。当然除了这些元素,网页中还可以包含音频、视频以及动画等。


静态网页

用户无论何时何地访问,网页都会显示固定的信息,除非网页源代码被重新修改上传。
静态网页更新不方便,但是访问速度快。

动态网页

显示的内容则会随着用户操作和时间的不同而变化。
动态网页可以和服务器数据库进行实时的数据交换。

网页名词解释

名词名词释义
Internet网络就是通常所说的互联网,是由一些使用公用语言互相通信的计算机连接而成的网络。
WWWWWW(英文World Wide Web的缩写)中文译为“万维网”是Intertnet提供的一种网页浏览服务。
URLURL(英文Uniform Resource Locator的缩写)中文译为“统一资源定位符” URL其实就是Web地址,俗称“网址”。
DNSDNS (英文Domain Name System的缩写)是域名解析系统。
HTTP和HTTPSHTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议,是一种详细规定了浏览器和万维网服务器之间互相HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议,要比HTTP协议安全。
通信的规则。
WebWeb通常指互联网的使用环境。但对于网站制作者来说,它是一系列技术的复合总称,通常称之为网页。
W3C组织W3C(英文World Wide Web Consortium的缩写)中文译为“万维网联盟”。万维网联盟是国际最著名的标准化组织。

web标准

Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。 包含我们所熟悉的HTML、XHTML、CSS、Javascript等等。

结构标准  结构标准用于对网页元素进行整理和分类,主要包括:HTML、XML和XHTML。

表现标准  表现标准用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。

行为标准  行为标准是指网页模型的定义及交互的编写,主要包括两个部分:DOM和ECMAScript。

网页制作技术入门

HTML

HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”,主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。

CSS

CSS通常称为CSS样式或样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。
 

JavaScript

JavaScript是网页中的一种脚本语言,其前身叫做LiveScript,由Netscape(网景)公司开发。后来在Sun公司推出著名的Java语言之后,Netscape公司和Sun公司于1995年一起重新设计了LiveScript,并把它改名为JavaScript。

浏览器

IE、火狐和谷歌是目前互联网上的三大浏览器,其他常用的浏览器还有苹果的Safari浏览器和欧朋浏览器等。对于一般的网站,只要兼容IE浏览器、火狐浏览器和谷歌浏览器,就能满足绝大多数用户的需求。

Mozilla Firefox中文通常称为“火狐”,是一个开源网页浏览器,使用Gecko引擎(非ie内核)。Firebug是火狐浏览器下的一款开发插件,它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发HTML、CSS、JavaScript等的得力助手。

IE浏览器的全称是Internet Explorer,由微软公司推出,直接绑定在windows操作系统中,无需下载安装。IE有6.0、7.0、8.0、9.0、10.0等版本,目前最新的是IE10.0。

Google Chrome又称谷歌浏览器,是由Google(谷歌)公司开发的开放原始码网页浏览器。该浏览器基于其它开放原始码软件所撰写,包括WebKit和Mozilla,目标是提升稳定性、速度和安全性,并创造出简单有效的使用界面。

HTML5的优势

兼容

HTML5并不是对之前HTML语言颠覆性的革新,它的核心理念就是要保持与过去技术的完美衔接,因此HTML5有很好的兼容性。

合理

HTML5中增加和删除的标签都是对现有的网页和用户习惯进行分析、概括而推出的。

易用

作为当下流行的标签语言,HTML5严格遵循 “简单至上”的原则。

HTML5全新的结构

<!DOCTYPE>标签

位于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范。

<html>标签

DOCTYPE> 标签之后,也称为根标签,用于告知浏览器其自身是一个 HTML 文档

<head>标签

定义HTML文档的头部信息,也称为头部标签,紧跟在<html>标签之后,主要用来封装其他位于文档头部的标签。

<body>标签

定义HTML文档所要显示的内容,也称为主体标签。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标签内。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值