Web前端开发实战教程(HTML5+CSS3+JavaScript)(微课版)
上QQ阅读APP看书,第一时间看更新

1.2 HTML开发基础

1.2.1 HTML简介

V1-4 HTML简介

1.什么是HTML

HTML即“超文本标记语言”,其英文全称为Hyper Text Markup Language,是用来描述网页的一种语言规范。通过HTML的全称可以看出,HTML不是一种编程语言,而是一种标记语言,由诸多不同的标签来完成网页内容的描述。

超文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准。它通过标记符号来标记想要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如文字如何处理、画面如何安排、图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。

2.HTML的特点

HTML文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下。

(1)简易性:HTML版本升级采用超集方式,从而更加灵活方便。

(2)可扩展性:HTML的广泛应用带来了加强功能、增加标识符等要求,HTML采取子类元素的方式为系统扩展带来保证。

(3)平台无关性:虽然个人计算机大行其道,但使用Mac等其他机器的也大有人在,HTML可以使用在广泛的平台上,这也是万维网盛行的另一个原因。

(4)通用性:另外,HTML是网络的通用语言,是一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,而且无论使用的是什么类型的电脑或浏览器。

3.HTML标签

HTML标签(HTML Tag)即HTML标记标签,是由尖括号包围的关键词,比如<html>。HTML标签通常成对出现,比如<font>和</font>,其中的第一个标签是开始标签(也称为开放标签),第二个标签是结束标签(也称为闭合标签)。

4.HTML版本

从初期的网络诞生后,已经出现了许多HTML版本,详情如表1-1所示。目前最为流行的,特别是对移动互联网支持最好的是HTML5版本。

表1-1 HTML版本历史

其中,XHTML是指严格按照开始标签与结束标签的方式来书写的HTML页面,并且符合XML规范。关于XML(可扩展标记语言)的细节本书不作详细介绍,需要了解的读者可自行搜索。

HTML5的设计目的是在移动设备上支持多媒体,所以新的语法特征被引进,如Video、Audio和Canvas标记。HTML5还引进了如下所述新的功能,可以真正改变用户与文档的交互方式。

(1)优化:新元素,新属性,完全支持CSS3,对网页动画支持更好;同时,对HTML4.0一些较为过时的标记和属性进行了淘汰。

(2)新增:Video视频播放,Audio音频播放,2D/3D制图,本地存储,本地SQL数据。

(3)增强:Web应用体验更好,充分支持移动设备;引入新的JavaScript脚本引擎,对AJAX支持更好;新的解析规则更加灵活,更加明确。

支持HTML5的浏览器包括Firefox(火狐浏览器)、IE9及其更高版本、Chrome(谷歌浏览器)、Safari、Opera等;傲游浏览器(Maxthon)以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力,如图1-1所示。

图1-1 HTML5浏览器支持