网站首页 > 知识剖析 正文
根据W3C网页规范化设计要求,网页应该遵循结构(Structure)、表现(Presentation)和行为(Behavior)的分离。这3种技术简单说明如下。
- 结构:使用HTML、XHTML或者XML语言规范设计的网页标签代码,即网页的结构和内容。
- 表现:使用CSS语言规范设计的网页样式代码,即网页显示效果(或称呈现效果)。
- 行为:使用JavaScript语言和DOM规范设计的网页脚本代码,即网页特效、动画或者互动行为。
在深入网页设计之前,初学者应该先掌握HTML语言,能够熟练使用HTML标签。这对于大部分初学者来说,通过认真阅读本章知识,能够初步达成这个目标。同时纠正初学者不规范的操作习惯,养成良好的、符合标准的手写代码习惯。
HTML
HTML是目前在网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文档是由HTML标签组成的描述性文本,HTML标签可以标识文字、图形、动画、声音、表格、链接等。
HTML与XHTML
- HTML是Hypertext Markup Language的缩写,中文翻译为超文本标识语言。使用HTML标签编写的文档称为HTML文档,目前最新版本是HTML 5.0,使用最广泛的是HTML 4.1版本。
早期版本的HTML语言不适合构建标准化网页,因为它把结构和表现混淆在一起,例 如, HTML把不同类型的元素,如描述性元素color、i等和结构性元素div、table等,以 及元素属性放在一起,为以后的维护和管理埋下隐患。
- XHTML是The Extensible HyperText Markup Language的缩写,中文翻译为可扩展标识语言,实际上它是HTML语言的升级版本,目前遵循的是W3C于2000年1月推荐的XHTML 1.0(参考http://www.w1.org/TR/xhtml1)。XHTML和HTML在语法和标签使用方面差别不大。熟悉HTML语言,再稍加熟悉标准结构和规范,也就熟悉了XHTML语言。XHTML具有如下特点:
用户可以扩展元素,从而扩展功能,但在目前1.0版本下,用户只能够使用固定的预定 义元素,这些元素基本上与HTML 4版本元素相同,但删除了部分属性描述性的元素。
能够与HTML很好地沟通,可以兼容当前不同的网页浏览器,实现XHTML页面的正确 浏览。
HTML语言作用
HTML作为一种网页内容标识语言,易学易懂,熟悉使用该语言可以制作功能强大、美观大方的网页。HTML语言的主要作用说明如下:
- 使用HTMl语言标识文本。
- 使用HTML语言建立超链接,通过超链接可以访问互联网上的所有信息,当使用鼠标单 击超链接时,会自动跳转到链接页面。
- 使用HTML语言创建列表,把信息有序地组织在一起,以方便浏览。
- 使用HTMl语言在网页中显示图像、声音、视频、动画等多媒体信息,把网页设计得更 富冲击力。
- 使用HTML语言可以制作表格,以方便显示大量数据。
- 使用HTML语言制作表单,允许在网页内输入文本信息,执行其他用户操作,方便信息 互动。
HTML文档基本结构
HTML文档一般都应包含两部分:头部区域和主体区域。HTML文档基本结构由3个标签负责组织:<html>、<head>和<body>。其中<html>标签标识HTML文档,<head>标签标识头部区域,而<body>标签标识主体区域。
- 上一篇: 前端笔记之html篇
- 下一篇: Web测试方法与技术之CSS讲解
猜你喜欢
- 2024-11-25 Chrome 108 发布新的 CSS 布局单位升级
- 2024-11-25 简单小程序:登录页面(html)
- 2024-11-25 通过CSS控制PC端的TABLE在移动端展示
- 2024-11-25 利用 Python 开发桌面小工具,实现htm自动转为excel文件
- 2024-11-25 团结一致,尽显风采丨TR02807班HTML项目验收
- 2024-11-25 想学HTML该从何入手?web前端HTML终极指南
- 2024-11-25 超实用压力测试工具-ab工具
- 2024-11-25 前端入门二(html)
- 2024-11-25 JavaScript中的DOM
- 2024-11-25 HTML网页制作常用标签及说明——前端开发入门
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)