Html基础

Posted zhaoweinotes

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Html基础相关的知识,希望对你有一定的参考价值。

html介绍

 

什么是HTML?

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

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

【学习重点】

1.了解HTML相关知识和概念。

2.熟悉HTML主体结构。

 

 

HTML发展历程

HTML是超文本标记语言的缩写,不同于C或JAVA等编程语言,HTML由标签组成。通过标签可以在网页中插入文字、图片、链接、音频、视频等元素,进而描述网页。和Windows一样,随着技术的发展,HTML经历了多次版本更新。

  HTML1.0:1993年6月,HTML作为互联网工程工作小组(IETF)工作草案发布(注意,是草案,不是标准)

  HTML2.0:1995年11月作为RFC(以编号排定的文件) 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时 ;

  HTML3.2:1997年1月14日由W3C发布,为推荐标准;

  HTML4.0:1997年12月18日,W3C推荐标准 ; 

  HTML4.01:1999年12月24日,是在HTML4.0基础上的微小改进,W3C推荐标准 ;

  HTML4.01发布之后,很长一段时间里都能很好满足广大网名日常需求,但是随着时间的推移,人们开始在网上听歌、玩游戏,看视频,但是HTML所支持的网页中并不能直接插入视频、音频、动画等,这个时候Adobe率先抓住商机,Flash作为浏览器插件满足了上述需求。

 

这个时候W3C在干嘛呢?

 

他们专注着XHTML2.0,这个我们后面会说。

眼看着W3C要放弃HTML,在2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商联合成立了WHATWG(互联网超文本应用技术工作组)继续推进HTML的标准化(这个时候的主要目标是开发新功能来取代插件),2006年,W3C表示有兴趣参与开发,2007年,W3C接纳了WHTAWG提出的web applications1.0,并正式将新的HTML命名为“HTML5”。2008年1月22日第一份HTML5正式草案公布;2014年10月29日,W3C宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。

 

这里需要插播一下,W3C即万维网联盟,创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构,专门给Web技术制定标准及实施指南。至于为啥没有3.0,3.1,则是当时在制定标准时想改进的地方太多,引起很多争议,也没有合适的浏览器支持而被后续版本替代。

so,HTML5是标准,是对HTML标准的第五次修订,而不是技术。

我们平时说的H5就是HTML5,这里不单是标准,更是HTML、CSS3、javascript和Web API等一系列技术的组合。

刚刚我们说到了XHTML,这又是什么鬼???

XHTML(eXtensible HyperText Markup Language):可扩展超文本标记语言。也是一种标记语言,表现方式与HTML类似,不过语法上更严格,兼容性更好。

XHTML1.0于2000年1月26日发布,是W3C的推荐标准,后于2002年8月1日重新发布,兼容HTML4.01,在那个时候,XHTML作为网页开发标准还是个非常不错的选择。后面的故事你们也知道了,在HTML5发布之后就发生了巨大的变化:后续版本因不及HTML5的冲击,XHTML的开发工作在2009年底停止,彻底凉凉。

 

 

主体结构

上面我们说,html又被称之为超文本标记语言。我们也对概念进行了简单的解释,本质上来讲就是一个普通的文本文件,但是这样的一个文本文件又不同于文本文档,在其中还可以放置图片、链接、音乐、视频、程序等内容。

那么我们该如何创建一个html文件呢?

  1. 首先我们需要创建一个普通的文本文件
  2. 然后将文件后缀更改为.html。

当我们创建好一个网页文件后,就可以通过鼠标右键点击创建好的网页文件,选择合适的编辑器进行开发。但是一定要注意,这里非常不推荐使用记事本来进行开发。

 

下面我们来说一下html网页文件的主体结构:

<!DOCTYPE html>  //表示文档声明,告诉浏览器,当前html网页文档是html5的文档格式。
<html lang="en"> //这里的lang="en"可以删除,如果不删除的,用谷歌之类打开,它会认为是英文的,会自动给翻译(如果设置了自动翻译的话)
<head>        //这个就是头部的那个标签了
<meta charset="UTF-8">  //这个是设置的编码为UTF-8的
<title>Document</title>  //设置网页标题
</head> <body> 网页内容 </body> </html>

 

以上是关于Html基础的主要内容,如果未能解决你的问题,请参考以下文章

HTML基础

HTML基础

HTML基础学习

HTML基础学习1——标签

HTML基础

HTML5零基础入门之HTML基础语法详解