HTML5笔记(1) - HTML5的定义

开发者福利!热门AI工具限时免费用 购周边即赠Coding Plan Lite,Claude Code、Cursor等20+工具畅享,效率翻倍! 阅读详情

 

前言

 

HTMl5自去年以来日趋流行,我也时不时的去关注和学习一些边边角角的东西。在这个过程中作了一些笔记,也留下了自己的一些思考,所以在这里记下来的既有一些“客观”的技术背景,更多是自己的“主观”看法,希望能和其他学习者进一步交流,希望过一段时间再看时能有更高层次的认识。

 

HTML是什么

 

平时在看一种新技术的介绍时,我最喜欢看的是按照“它是什么”和“它不是什么”这样的逻辑来阐述的文章。不过我暂时还没能力这么写...

 

HTML首先是W3C制定的一套规范和定义,而不是具体实现。就好比TCP/IP是一套协议,而世界上有很多套TCP/IP协议的实现:你既可以用C/C++来实现它,也可以用Java等其它语言来实现。浏览器是最常见的一种实现和支持HTML的应用,但它既不是唯一(其它如Yahoo的Widget引擎),也不仅仅包括HTML(例如插件和各种扩展等)。HTML往往不会单独出现,现在最流行的技术就是HTML+CSS+JavaScrip+AJAX。

 

HTML提供了一种技术,使得全世界的网页编程人员能够以统一的语法规范来编写网页,以其为载体来呈现文字、图形、动画、声音、表格、链接等内容,从而带给互联网用户统一的互联网体验。

 

目前世界上流行的绝大部分网页都是用HTML4编写的,而HTML5是前者的升级版本。HTML5也并不是从一开始就确定的,早些时候W3C的XHTML工作组,他们希望用具有更严格语义和语法的XHTML 2.0,同时也是一个彻底重构的激进版本,来替换HTML4,但是这一计划内部受阻,甚至连互联网和W3C的初始化人Tim Berners-Lee都公开发表博文表示不同看法,所以后来HTML5才被扶为正统。(更多背景请看这里:http://blog.csdn.net/Oneway102/archive/2010/11/18/6019413.aspx

 

 

HTML5包括那些内容


很多时候我们提到HTML5时,所指可能并不一定严格相同。我用自己的话来表达,就是狭义的HTML5和广义的HTML5。

 

狭义上的HTML5常常指HTML本身,甚至仅仅指代基于XML的HTML标识(Tag)及其相关语法。你如果去上一些培训课,就会发现这就是老师大部分时间都在教的内容和范例。HTML5相对于HTML4而言最大的亮点主要在以下几个方面:

 

  1. 增加了对Canvas、Video和Audio等标签的支持,多媒体和绘画、甚至动画的展现能力得到极大的增强
  2. 增加了一些更具语义的标签或接口,例如aside,header,footer等
  3. 修改或废弃了一些HTML标签和语义,如新表单特性,Marquee,frameset等
  4. 建议将颜色/尺寸/对齐排版相关的属性都移到CSS中,HTML5主要负责网页的布局

 

广义上的HTML5则包括网页的前端技术,即:狭义的HTML5 + CSS3 + JavaScript + Web Application API,可能还包括对SVG、插件等的支持。其中的Web Application API包括了一些HTML5最重要、最令人激动的特性(既然是API接口,说明这也仅是一套规范定义,具体每个浏览器实现是不一样的):

 

  1. Server-Sent Events:服务器发起的消息事件(暂且这么翻译吧...),轻松实现服务器端发起的更新,类似Push机制。注意它是单向的
  2. Web SQL Database:客户端可以以SQL的形式将数据保存在本地数据库中(不知为何Web Application工作组说他们不在维护这部分文档)
  3. Web Sockets:客户端可以利用WebSocket协议和主机进行双向通信,比XmlHttpRequest更加强大、高效和减少流量
  4. Web Storage:客户端的本地存储能力,包括Session相关(例如网页订单的状态)和全局相关数据(例如地图数据和游戏关卡信息等)
  5. Web Workers:允许客户端端像C++等高级编程语言那样,将一些耗费时间的纯运算操作,以类似线程的方式来运行在非UI线程中,并以消息(Message)机制进行通信

关于Web Application API

 

这是我个人的看法:Web Application API的雏形其实在HTML4时代就已经存在,Yahoo、Apple等公司各自推出的Widget规范中就定义了一些基于不同平台实现的扩展接口,其目的就是要由网页向应用升级,既能兼容W3C的HTML规范,又能兼具本地应用(Native App)的一些特性;既像HTML网页那样那样易于部署和无缝升级,又兼有本地应用的强大功能。

 

而这也正是制定Web Application API的主要目的:兼具跨平台和强大功能两大特性。

 

Web Application API原本可能也是作为HTML5规范的一部分的,但是工作者在编写的过程中发现,它们会使HTML5变得十分庞大,再加上这些特性本身比较独立,可以作为接口而不是语法来定义,于是就把它们归到Web Application 1.0这个大规范集来统一编写,所以严格来讲它们并非HTML5的一部分。

 

所以,从这个角度而言,HTML5其实不是全新的技术,HTML5其实就是“扩展的HTML4 + 若干标准封装的操作系统接口”。

 

小结

 

所以在我看来,HTML作为一套独立于平台的标准规范,它最伟大的贡献在于其在发展过程中得到了各大厂商跨平台性的支持,让全世界的互联网用户得以不用关心其背后的技术细节,而获得相对比较统一的互联网体验。再往拔高的层次来说,它就像现实世界中统一的电压、单位制式,甚至是统一的经济和政治制度,全世界人民正是基于这一平台,才能实现知识的扁平化,以及交流的无缝化。

 

 

 

HTML5基础个人学习笔记 HTML中文名叫做“超文本标记语言”,是一种用于创建网页的标准标记语言。超文本的意思就是不止是文本,还可以包含图片,链接,音乐,甚至程序等非文字元素。通过一系列 “标签” 来描述网页结构和内容的呈现方式,使得浏览器读取 HTML 文档后,按照标签含义将内容显示出来。 阅读详情

相关推荐

【亲测】ubuntu20.4 安装CUDA11.8

一步一步搭建C++ CUDA CUDNN TENSORRT OPENCV DNN ONNXRUNTIME推理环境

weixin_40950590的博客 3852

html 定义方法,整理的HTML5 CANVAS 定义、属性和方法

最近开始接触HTML5,网上整理一些canvas的资料,加强学习了解!当你创建一个元素后,就拥有了它的绘图上下文。一、简单图形1、getContext()方法为了在canvas上绘制,你必须先得到一个画布上下文对象的引用,用本方法即可完成这一操作,格式如下:context = canvas . getContext(contextId)方法返回一个指定contextId的上下文对象,如果指定的id...

weixin_36330387的博客 465

OpenWrt虚拟机磁盘扩容实战:从SquashFS到ext4的完整避坑指南

本文详细介绍了OpenWrt虚拟机磁盘扩容的完整流程,重点对比了SquashFS和ext4文件系统在扩容操作上的关键差异。通过五步安全迁移法和直接分区调整方案,帮助用户有效解决磁盘空间不足问题,同时提供高级技巧和故障排除指南,确保扩容过程顺利无坑。

weixin_29251131的博客 198

HTML5学习笔记

一、网页 1.什么是网页 网站是指在因特网上根据一定的规则,使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ,通常是 HTML 格式的文件,它要通过浏览器来阅读。 网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以.htm或.html 后缀结尾的文件,因此将其俗称为HTML文件。 2.什么是HTML HTML指的是超文本标记语言(HyperTextMarkupLanguage),它是用来描述网页的一种语言。HTML

m0_61721166的博客 9336

html5——前端笔记

html笔记

qq_48721706的博客 3394

html5学习笔记

html5的一点学习笔记,欢迎大家指正

长安也有星星的博客 684

HTML 从入门到精通》原书 读书笔记(第1章)

WWW(World Wide Web,万维网)是一种建立在 Internet 上的、全球性的、交互的、多平台的、分布式的信息资源网络。它采用 HTML 语言描述超文本(Hypertext)文件。这里所说的超文本指的是包含有链接关系的文件,并且包含了多媒体对象的文件。WWW 有 3个基本组成部分,分别是 URL(统一资源定位器)、HTTP(超文本传输协议)和 HTML(超文本标识语言)。

本博主是 Java 全站工程师(后端+前端+运维),当然也是 C/C++ 程序员; 1018

HTML5笔记

HTML5 1.First Html file <!-- 向浏览器声明文件类型,默认Html --> <!DOCTYPE html> <!----> <html lang="en"> <!-- 网页头 --> <head> <!-- meta描述性标签,一般用于SEO --> <meta charset="UTF-8"> <meta name="keywords" content="htmlStu

qq_43120504的博客 255

HTML网页设计基础笔记 • 【第1HTML5基础】

本章目录 1.1 HTML介绍及开发工具 1.1.1 HTML 的基本概念 1.1.2 网页 1.1.3 Web 标准 1.1.4 HTML5 与移动互联网 1.1.5 网页开发工具 1.2 HTML5 标签 1.2.1 HTML5 标签概述 1.2.2 doctype 标签 1.2.3 html标签 1.2.4 head 标签 1.2.5 meta 标签 1.2.6 t...

杨明金的博客 3万+

1HTML——初识HTMLHTML定义HTML5

一、初识HTML 二、HTML定义 三、HTML5 四、HTML整体结构 1、头部内容 : 1.1 元数据标签: 1.2 网页标题标签: 1.3 头部内容的其他标签 2、实体内容: 2.1 六个标题等级标签 2.2 换行标签: 2.3 段落标签: 2.4 字体标签:斜体,斜体 2.5 字体标签:加粗,加粗 2.6 字体标签:上标标签,下标标签

CSDN_Loveletter的博客 1686

HTML5笔记

1. HTML的概念2. 标签语法3. 标签4. 路径5. 字符实体

liangmeirong123的博客 1823

HTML5】第1HTML5入门

HTML5从根本上改变了Web应用的方式,无论是PC端还是移动端,都可以看到HTML5的身影。作为网页设计人员,也应该顺应时代潮流,掌握HTML5的相关技术。本节将从HTMLHTML5的演变、HTML5的优势以及浏览器对HTML5的兼容情况三个方面,对HTML5进行简单介绍。在学习HTML5之前,我们首先了解一下HTMLHTML5的演变历程。HTML提供了许多标签,如段落标签、标题标签、超链接标签、图片标签等。网页中需要定义什么内容,就用相应的HTML标签描述即可。

笔触狂放的博客 2657

html笔记html5、布局

html笔记html5

enthan809882的博客 449

HTML5 详细学习笔记

HTML5 是最新的 HTML 标准,于 2014 年 10 月由 W3C 完成标准制定。它增加了许多新特性,包括语义化标签、多媒体支持、图形效果、离线存储等。

m0_65324703的博客 946

定义html5文档显示的内容,HTML5标签大全

原标题:HTML5标签大全 定义注释。 定义文档类型。 定义超链接。 定义缩写。 HTML 5 中不支持。定义首字母缩写。 定义地址元素。 HTML 5 中不支持。定义 applet。 定义图像映射中的区域。 定义 article。 定义页面内容之外的内容。 定义声音内容。 定义粗体文本。 定义页面中所有链接的基准 URL。 HTML 5 中不支持。请使用 CSS 代替。 定义文本的文本方向,使其...

weixin_29268331的博客 1206

[HTML5权威指南] => 读书笔记()

[HTML5权威指南] 读书笔记 最基本的HTML/CSS/JavaScript知识点

O_Yancey的博客 1596

HTML5中的自定义属性总结

HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。 读写方式 data-*有两种设置方式,可以直接在HTML元素标签上书写 <div id="test" data-age="24"> Click Here </...

张木期的博客 5573
上一篇: Why T - 为什么玩微博?
下一篇: HTML5笔记(2) - 为什么需要HTML5
Oneway102
博客等级 码龄16年 122粉丝 14原创
评论 18
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值