xx 学院
毕业设计成果
题目: 基于 web 的海贼王网页设计
姓 名 ：
学 号 ：
系 部 ：
专 业 ：
指导人：
2022 年 5 月 15 日
前 言
近年来，移动智能设备的普及率迅猛发展，移动互联网在人们生活在也
越来越重要，为了满足人们对智能移动设备的高要求，适应快速发展的 Web
技术的应用需求，HTML5 技术开始应用到移动应用开发中，文中首先介绍
了 HTML5 技术的新特性，然后分析了 HTML5 在移动设备应用开发领域的
应用前 景 ，并分 析 主要的 基 于 HTML5 的移动应 用 开发平 台 ，最后 探 讨了
HTML5 技术对开发者的影响，以及 HTML5 的发展对移动互联网发展所起的
积极作用。
关键词：html5 技术与 web 的关系，浏览器应用，现状，发展趋势
目 录
摘 要 ...........................................................1
第一章 HTML5 技术概述 ............................................2
§1.1 HTML5 技术简介 .........................................2
§1.2 HTML5 的发展 ...........................................2
§1.3 HTML5 技术应用现状 .....................................3
第二章 海贼王页面概述 ...........................................4
§2.1 海贼王背景简介 .........................................4
§2.2 海贼王页面简介 ........................................4
§2.3 海贼王页面的实现 ......................................5
第三章 海贼王网站的实现 ...........................................6
第四章 从中获取的经验 .............................................7
结论 ...........................................................10
1
摘 要
移动互联网技术是一种新兴技术，将手机和互联网技术相结合。近年来，
随着科学技术的迅速发展，各行各业都已经离不开移动互联网技术，与传统
互联网相比，移动互联网最显著的特点就是移动性，通过移动设备，人们可
以随时随地获取想要的信息，不必局限于设备的位置。因此，对互联网应用
开发技术的需求 也 在 不 断增 加， 在 这样 的背 景下 ， 新技 术得 到不 断发 展 。
HTML5 是 一 种 呈 现互 联 网 内 容 和 描述 网 页 文 档、 构建 的 一 种 方式 。 随 着
HTML5 技术开始应用于移动互联网，其优越性不断体现，它推动了移动互
联网技术的不断发展，对于移动互联网技术来说，HTML5 技术相当于一场
新兴技术革命，HTML5 技术逐渐受到广大移动应用开发者的重视。HTML5
被认为是互联网行业冉冉升起的新星，它将成为正在普及的未来 Web 标准，
它不仅仅可以用来表示 Web 内容，更会将 Web 发展成为一个成熟的应用平
台。通过对移动应用现状和机遇的分析，文章提出 HTML5 的出现会对现有
移动应用架构产生很大的影响，可以说 HTML5 将在未来重塑移动互联网格
局，而且是统一未来互联网标准的关键技术。
Html5 技术，是指在万维网络中的核心、标准语言标记下的、经第五次
修改后的应用超文本标记语言，html5 是继 html4 后我国互联网应用开发领域
的又一新型标准，这一标准的研发是被目前全世界上的互联网人寄予厚望的
未来互联网络技术之一。在现阶段，移动互联网应用的极为广泛，极大的满
足了人们工作与生活娱乐的需要。HTML5 属于 WEB 技术中的一种，基于该
种技术下的浏览器和搜索引擎，使得人们可以借助于移动终端获得良好的应
用体验。截至目前，Html5 作为时下最流行的 web 应用技术，被广泛的应用
在了我国的互联网行业中，随着其在实际工作中应用的增加，它让互联网系
统中“一次开发、跨平台运行”成为了可能，但是其中的存在的问题也愈发
的明显起来。
2
第一章 HTML5 技术概述
1.1HTML5 技术简介
HTML 是互联网的业界标准，目前广泛应用于互联网应用开发的标准是
HTML4。HTML5 是 HTML 的第 5 个版本，也是最新的版本，是互联网的下
一代标准，并且被认为是未来互联网/移动互联网的核心技术之一。目前，HT
ML5 的标准还未正式发布，尚处于开发阶段。HTML5 作为当下最为热门的 W
eb 技术，已经在互联网行业得到了普遍应用。特别是基于 HTML5 的 Web 应
用，更是为用户带来了感知体验上的巨大飞跃，并将 Web 全面带入了一个崭
新的平台：在这个 HTML5 应用平台上，视频、音频、图像、动画以及同电
脑的 交互都将被标 准化，AdobeFlash、MicrosoftSilverlight 与 OracleJavaFX
等私有封闭技术将被摒弃，“多版本开发、多终端适配”的传统开发模式将
被改变。HTML5 使得互联网/移动互联网应用的“一次开发、跨平台/跨终端
运行”成为可能。
同时，HTML5 的出现，将可能促进新的商业模式的出现，国内外互联
网服务提供商、浏览器厂商、通信运营商，甚至操作系统厂商纷纷发力，加
速移动互联网战略布局，竞相推出浏览器及操作系统 Web 引擎、网页及应用、
应用开发工具等，藉此提升在移动互联网产业环境中的影响力。
1.2HTML5 的发展
2002 年 8 月，W3C 建立了第 4 个 HTML 工作组（实际上是第 3 个 XHTM
L 工作组），目标是完成 HTML 到 XHTML 的转变，包括完成以尽可能多的
使用通用的 XML 技术为设计目标的 XHTML2.0。同时，HTML 工作组发布
了 XHTML2.0 第一个公开工作草案，并在声明中指出，尽管 XHTML2.0 来
源于 HTML4、 XHTML1.0 和 XHTML1.1，XHTML2.0 并不向后兼容早期版
本。2004 年，Opera 公司的伊恩·希克森（IanHickson）在 W3C 的一次专题
讨论会上提议在 HTML 基础上进行扩展以适应新的 Web 应用需求，该提议
未被 W3C 采纳。此后不久，Apple、Mozilla 和 Opera 的相关人员成立了 WHA
TWG。WHATWG 是一个松散、非官方、开放的协作组织，成员主要是浏览
器开发商。WHATWG 的目标是基于 HTML 开发面向动态 Web 应用的平台。
2004 年 4 月，Opera 发布了 WebApplication1.0 工作草案。WebApplication1.0
在 HTML 基础上增加了多个特性，并向后兼容 HTML 和 XHTML。与 XHTM
