H5的基础

news2025/7/13 0:34:57

网页的学名称作 HTML 文件，是一种可以在 www 网上传输，并被浏览器认识和翻译成页面显示出来的文件。

HTML是： Hypertext Marked Language 即超文本标记语言，是一种用来制作超文本文档的简单标记语言

超文本就是指页面内可以包含图片，联接，甚至音乐，程序等非文字的元素

HTTP超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作。 HTTP 协议的制定使浏览器在运行超文本时有了统一的规则和标准

网页就是由 HTML 语言编写出来的。

HTML告诉浏览器页面的内容和结构

html 有标记（用尖括号包围的文字），标记告解析包围文本的所诉浏览器文本的结构和意义。因此，这不只是简单的一堆文本。通过使用标记可以告诉浏览器哪些文本是标题，哪些是内容

浏览器：chrome IE firefox opera

编辑器：vscode sublimeText Hbuilder webStorm

Html5 致力于

解决跨浏览器问题，可以部分取代JS

把浏览器变成一个前端程序执行环境，而不是简单的视图呈现工具

开发中的体验

HTML 语言发展很快，已经历经 HTML1.0 、 HTML2.0 和 HTML3.0 、 html4.0 、 HTML5.0 多个版本

HTML 文件编写注意事项：

HTML标签是由尖括号括起来的

HTML标签大部分是成对出现 <aaa></aaa>

HTML的起始标签和结束标签

H5的作用

网站开发

前台网站：给用户看的网站

后台网站：给管理员看的网站

业务类型：门户网站、企业官网、商城网站、医疗系统、原生混编应用

web移动 APP

使用H5 技术可以轻松编写 IOS 、 Android 系统上的手机 APP ，一套 H5 代码可以通过工具，快速打包成在手机上能够直接安装运行的APP，具有良好的跨平台特性

常用的打包工具：Dcloud 、 APIcloud

各种小程序

微信小程序、钉钉小程序、支付宝小程序

各家小程序开发内容基本保持一致，通过学习掌握各种小程序的开发技巧和开发特点

H5 游戏

以canvas 为技术基础的 H5 游戏开发，逐渐成为网页游戏主流开发方式，通过学习 H5 学生未来

在网页游戏开发领域也能具有较高的竞争力

html 概述

HTML 是用来描述网页的一种语言

HTML指的是超文本标记语言 Hyper Text Markup Language ，是一种用于创建网页的标准标记语言

标记语言是一套标记标签markup tag

HTML使用标记标签来描述网页

HTML文档的后缀名： .html 或者 .htm ，两种后缀名没有区别，都可以使用

HTML5是 HTML 最新的修订版本， 2014 年 10 月由万维网联盟 W3C 完成标准制定

HTML5的设计目的是为了在移动设备上支持多媒体

http协议：超文本传输协议 —tcp

html 开发

HTML 开发就是编写以 .html 结尾的文档，交给浏览器运行

Html文件就是【普通文本 +Html 标签】，不同的 html 标记可以表示不同的效果

目前主要使用html文档传递数据和数据的结构，具体显示依赖于 css 实现

浏览器本质：特殊的文件查看器，能够对.html文档中的特殊字符进行识别，自动渲染

HTML5 并不是革命性的改变，而只是发展性的。而且对于之前 HTML4 的很多标准都是兼容的，所有通过最新HTML5 标准制作的 Web 应用也可以轻松的跑在老版本的浏览器上。 HTML5 标准中的确是集成了很多实用的功能比如：音视频、本地存储、Socket 通信、动画等都是之前应用开发中确实感觉到 Web 端的鸡肋才得到重视和升级的，相信如果你有相关的经验的话也会很有感触。

HTML5 的目标是：它通过一些新标签，新功能为开发更加简、独立、标准的通用 Web 应用提供了标准新的标准解决了三大问题：浏览器兼容问题，解决了文档结构不明确的问题，解决了Web 应用程序功能受限等问题

常见的浏览器

实际使用过程中，浏览器的种类繁多，并且统一浏览器还拥有不同的软件版本，因此在开发学习过程中，如何适配不同浏览器也是我们着重注意的点