HTML简介

HTML简介

html全称为HyperText Markup Language,译为超文本标记语言,不是一种编程语言,是一种描述性的标记语言,用于描述超文本中内容的显示方式。比如字体什么颜色,大小等。

  • 超文本:音频,视频,图片称为超文本。
  • 标记 :<英文单词或者字母>称为标记,一个HTML页面都是由各种标记组成。
  • 普通文本:只包含文字。

作用:HTML是负责描述文档语义的语言。

注意:HTML语言不是一个编程语言(有编译过程),而是一个标记语言(没有编译过程),HTML页面直接由浏览器解析执行。

HTML的历史

HTML(超文本标记语言)自1990年由万维网联盟(W3C)发布以来,已经经历了30多年的发展历程,为网页的呈现和交互提供了丰富的表现形式和功能。下面简要介绍下HTML的发展历史。

  • 1982年,Tim Berners-Lee 建立 HTML
  • 1993年,大學生的 Marc Andreessen 在他的 Mosaic 浏览器加入 标记,从此可以在Web頁面上浏览图片
  • 1993年6月,HTML 由 IETF 工作小組发布草案
  • 1994年10月,W3C 成立, 网络应用发展的标准规范交由 W3C 协会制定及推广
  • 1995年11月,HTML 2.0,2000年6月被宣布已经过时
  • 1996年1月 ,HTML 3.2 由 W3C 推荐为标准规范
  • 1997年11月,HTML 4.0
  • 1999年12月,HTML 4.01 以 XML 语法重新构建,较为严格,W3C推荐标准
  • 2000年1月,XHTML 1.0,W3C推荐标准
  • 2001年5月,XHTML 1.1,W3C推荐标准
  • 2004年,WHATWG小组成立,由各大浏览器开发商组成,重拾HTML 4规格,开发 HTML 5规格
  • 2006年,W3C认输,承认 XHTML 2.0不会成功
  • 2007年,W3C重新成立 HTML工作小组,参考 WHATWG 的规格发展期HTML规格
  • 2009年,XHTML 2.0被放弃,全面投入 HTML 5 规格的发展
  • 2011年6月,Google宣布全面采用 HTML 5 技术
  • 2012年, HTML 5被选为候选标准
  • 2014年10月28日,HTML 5.0,W3C正式发布HTML 5.0推荐标准

可以看出,HTML的发展历史就是不断引入新的功能和元素,以满足互联网上日益增长的网页内容和交互需求的过程。同时,HTML的语法和规则也在不断更新和调整,以适应互联网技术的快速发展。

HTML5特性

1、语义特性(Class:Semantic)

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。

2、本地存储特性(Class: OFFLINE & STORAGE)

基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。Indexed DB(html5本地存储最重要的技术之一)和API说明文档。

3、设备兼容特性 (Class: DEVICE ACCESS)

从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。

4、连接特性(Class: CONNECTIVITY)

更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个特性,这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。

5、网页多媒体特性(Class: MULTIMEDIA)

支持网页端的Audio、Video等多媒体功能, 与网站自带的APPS,摄像头,影音功能相得益彰。

6、三维、图形及特效特性(Class: 3D, Graphics & Effects)

基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。

7、性能与集成特性(Class: Performance & Integration)

没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术,解决以前的跨域等问题,帮助您的Web应用和网站在多样化的环境中更快速的工作。

HTML5的优势有哪些?

1,跨平台性

在HTML5到来之前,由于平台的多样性,导致每开发一套产品,就要针对不同的平台开发多套版本,耗费大量的时间和精力,而且还增加了大量的开发成本,而HTML5技术的出现却能很好的解决这个问题,开发者只要使用一套程序,就能够很容易的实现多个平台的展现功能,降低了开发难度,节约了开发时间和成本的投入。

2,即时更新

之前原生应用上线Appstore,都需要等待很长的审核时间,一旦出现问题需要更新,则还要重新审核,无形中浪费了大量的时间。而HTML5是通过浏览器进行加载的,所以不存在这样的问题,如果出现什么问题,可以及时的更新上线,不需要等待审核时间。

3,离线缓存功能

HTML5中最酷的特性就是离线缓存。通过JavaScript提供了数种不同的离线储存功能,相对于传统的Cookie而言有更好的弹性以及架构,并且可以储存更多的内容。它拥有更好的安全和性能,即使浏览器关闭后也可以保存。

4,视频和音频的支持

之前在实现播放媒体功能时,一直是开发者比较痛苦的事情,需要让你的视频和音频通过HTML5标签和来访问资源。并且为了它们能正确播放必须赋予一大堆的参数。这样你就要不断的重复标签,你的代码也会变得十分繁琐。现在,这一切都将变的非常简单。

5,清晰的代码

HTML5可以让你写出简单清晰的代码。使用HTML5你可以通过使用语义学的HTML header标签描述内容来最后解决你的div及其class定义问题。让你的代码更加清晰易于理解。

HTML的基本结构


DOCTYPE html>
 
<html>
	
	
	<head>
		
		
		<meta charset="utf-8">
 
		
		<title> 我的第一个网页 title>
	head>
	
	
	<body>
		<h1>hellossh1>
	body>
html>

总结

通过对HTML的学习我发现HTML是十分重要的一个超文本标记语言,它虽然不是一门编程语言但是它却十分强大,它里面包含了很多标签,通过这些标签我们使用者就可以根据自己的需要来设计一个网页,把我们想要表达的内容放进这个网页当中
,它定义了网页内容的含义和结构。但是仅仅通过HTML是不能设计网页的样式的,要想更好的设计出一个好看的网页需要使用CSS技术。因此,对于HTML的学习要和CSS相互结合,多运用,这样二者才能交相辉映,我们才能设计出内容新颖、样式显眼的网页。

你可能感兴趣的:(html,前端)