Rumah >hujung hadapan web >tutorial js >前端HTML以及HTML5基本内容

前端HTML以及HTML5基本内容

一个新手asal: 2017-10-17 09:48:131412semak imbas

前面一章介绍了一下前端的发展，这章简单介绍一下html的发展以及基本的标签。

一、HTML的发展史

　　1、概念

　　　　超文本标记语言（HyperText Markup Language，简称HTML）是为 [ 网页创建和其他可在浏览器中看到的信息 ] 设计的一种标记语言。

　　2、相关发展历程：
　　　　* 超文本标记语言（第一版） --- 在1993年6月作为互联网工程小组（IETF）工作草案发布（并非标准）

　　　　* HTML2.0 --- 1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时

　　　　* HTML3.2 --- 1996年1月14日，W3C推荐标准

　　　　* HTML4.0 --- 1997年12月18日，W3C推荐标准

　　　　* HTML4.01（微小改进） --- 1999年12月24日，W3C推荐标准

　　　　* ISO/IEC 15445:2000("ISO HTML") --- 2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准

　　　　* XHTML 1.0 --- 发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布

　　　　* XHTML 1.1 --- 于2001年5月31日发布

　　　　* XHTML 2.0 终止

　　　　* HTML5（最终版） --- 2014年10月29日，万维网联盟泪流满面地宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。

　　3、HTML5的艰辛发展历程

　　　　HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。

　　　　HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

　　　　2012年12月17日，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web网络平台的奠基石。”

　　　　2013年5月6日， HTML 5.1正式草案公布。该规范定义了第五次重大版本，第一次要修订万维网的核心语言：超文本标记语言（HTML）。在这个版本中，新功能不断推出，以帮助Web应用程序的作者，努力提高新元素互操作性。

　　　　2014年10月29日，万维网联盟泪流满面地宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。

　　　　支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的遨游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。

　　　4、xml、xhtml、html、三者关联以及区别

　　　　HTML(HyperText Markup Language)，超文本标记语言。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素，“标记”是指用特定的标记符号来标记要显示的内容的各个部分。超文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它被设计用来显示数据。HTML文本就是我们通常所说的网页，扩展名可以是html或htm。

　　　　XML(Extensible Markup Language)，可扩展标记语言。XML是标准通用标记语言的子集，是一种用于标记电子文件使其具有结构性的标记语言，它被设计用来传输和存储数据，是对超文本标记语言的补充。可扩展标记语言是一种元标记语言，即定义了用于定义其他特定领域有关语义的、结构化的标记语言，这些标记语言将文档分成许多部件并对这些部件加以标识。它能够更精确地声明内容，方便跨越多种平台的更有意义的搜索结果。它提供了一种描述结构数据的格式，简化了网络中数据交换和表示，使得代码、数据和表示分离，并作为数据交换的标准格式，因此它常被称为智能数据文档，文件扩展名为xml。

　　　　XHTML(Extensible HyperText Markup Language)，可扩展超文本标记语言。XHTML基于可扩展标记语言（XML）。XHTML就是一个扮演着类似HTML的角色的可扩展标记语言（XML）。XHTML是一种增强了的HTML,XHTML 是更严谨更纯净的 HTML 版本。它的可扩展性和灵活性将适应未来网络应用更多的需求。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的基于HTML语言设计的网站，直接采用XML还为时过早。因此，在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。所以，建立XHTML的目的就是实现HTML向XML的过渡。XHTML 于2000年的1月26日成为 W3C （World Wide Web Consortium ，万维网联盟），文件扩展名为xhtml.。

　　　　总结：HTML、XML和XHTML都是标准通用标记语言的一个子集。HTML被设计用来显示数据，其焦点是数据的外观；XML被设计用来传输和存储数据，其焦点是数据的内容；XHTML是更严格更纯净的 HTML 版本，是作为一种 XML 应用被重新定义的 HTML，设计的目的是为了取代HTML以适应未来网络更多的需求。它们都可以用来开发网页，但就目前来看，网页开发中HTML还是占绝对的主流，现在最新版本HTML5也备受推崇。可拓展标记语言XML广泛运用于各种应用程序中数据的存储（例如各种配置文件）和应用程序间的数据传输，可以说是一项必须掌握的技术。至于可扩展超文本标记语言XHTML，在2009年W3C已经宣布停止了对XHTML2的开发，转而大力支持HTML5。

二、HTML4.01（HTML5新增的下一章在介绍）

　　1、基本结构

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        
    </body>
</html>

　　　2、基本元素具体说明w3school上都有，我就不做具体说明了

　　　　常用：html、head、meta、title、link、style、body、h1-h6、p、a、p、span、ul、li、dl、dt、dd、ol、img、table、thead、tbody、tfoot、tr、td、caption、i、b、form、label、input、button、textarea、selected、option、optgroup、script、frame、br、hr、em、strong。

　　　　不常用：上面的这些基本上工作中用的比较多的，还有很多样式标签现在都不推荐使用了，我这里就不介绍了。

　　　3、标准属性

　　　　id、class、title、style、dir、lang

　　　4、事件属性

　　　　onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

总结：HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。（html是相对简单的还有css，只要会基础的html还有css就可以开始切静态页面了，所以说前端入门很简单，难的是js）

Atas ialah kandungan terperinci 前端HTML以及HTML5基本内容. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：jquery一键控制checkbox全选，反选，全不选的方法Artikel seterusnya：实用web前端JS与UI框架简介

Artikel berkaitan

Lihat lagi