HTML——基础知识篇

一、简介

        HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

       超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。

二、历史

       HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX， Windows等)。使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。

       自1990年以来，HTML就一直被用作万维网的信息表示语言，使用HTML描述的文件需要通过web浏览器显示出效果。HTML是一种建立网页文件的语言，通过标记式的指令(Tag)，将影像、声音、图片、文字动画、影视等内容显示出来。事实上，每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。HTTP的制定使浏览器在运行超文本时有了统一的规则和标准。

       万维网（world wide web，简称www）上的一个超媒体文档称之为一个页面（外语：page）。作为一个组织或者个人在万维网上放置开始点的页面称为主页（外语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接），所谓超级链接，就是一种统一资源定位器（Uniform Resource Locator，外语缩写：URL）指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。超文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

       网页的本质就是超文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

       HTML是用来标记Web信息如何展示以及其他特性的一种语法规则，它最初于1989年由CERN的Tim Berners-Lee发明。HTML基于更古老一些的语言SGML定义，并简化了其中的语言元素。这些元素用于告诉浏览器如何在用户的屏幕上展示数据，所以很早就得到各个Web浏览器厂商的支持。  

HTML历史上有如下版本：  

①HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布。  

②HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。  

③HTML 3.2：1997年1月14日，W3C推荐标准。  

④HTML 4.0：1997年12月18日，W3C推荐标准。  

⑤HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准。  

⑥HTML 5：HTML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。Internet Explorer 8及以前的版本不支持。  

       HTML在Web迅猛发展的过程中起着重要作用，有着重要的地位。但随着网络应用的深入，特别是电子商务的应用，HTML过于简单的缺陷很快凸现出来：HTML不可扩展。HTML不允许应用程序开发者为具体的应用环境定义自定义的标记。HTML只能用于信息显示。HTML可以设置文本和图片显示方式，但没有语义结构，即HTML显示数据是按照布局而非语义的。随着网络应用的发展，各行业对信息有着不同的需求，这些不同类型的信息未必都是以网页的形式显示出来。例如，当通过搜索引擎进行数据搜索时，按照语义而非按照布局来显示数据会具有更多的优点。

      总而言之，HTML的缺点使其交互性差，语义模糊，这些缺陷难以适应Internet飞速发展的要求，因此一个标准、简洁、结构严谨以及可高度扩展的XML就产生了。

三、趋势

       最近几年前端开发领域最热的话题当属从根木上HTML5改变了开发商开发应用的方式，从桌而浏览器到移动应用, 这种语言和标准都正在影响并将继续影响着各种操作平台。在移动领域，大家争论不休的一个问题就是开发应用还是原生应用？而随着标准的发展，两者之间的差异己经逐渐变得模糊，今天各大媒体都争相报道与有关的东西，那么，未来的发展趋势到底是什么？下面我来说说我的观点以及我所看到的 一些我觉得比较认同的观点。  

（一） 移动优先  

       如今移动应用层出不穷，可以用只有咱没想到的没有人家没做到 的来形容，在这个智能手机和平板电脑大爆炸的•时代，尤其是手机, 己经成为人们生活中非常重要的一部分，很大一部分人离开手机己 经到没法生活的地步了，移动优先已成趋势，不管是开发什么，都 以移动为主，移动应用可以极大的方便人们的生活。所以未来 应该会优先在移动设备上更多的应用。如今己经有一些大企 业将应用于移动开发，表现非常出色，所以终将成为趋势。  

（二） 游戏开发是重要领域  

       如今做游戏那应该是相当赚钱的一个领域了，但是做手游尤其是 收费的游戏，开发原声应用就有局限了，因为系统充值需要向 苹果公iOS司支付的提成，而利用开发应用，可以很巧 妙的躲过这30%的提成。所以游戏开发商应该是从中获益最 多的一方。

（三） 响应式设计  

       在真的改变移动开发平台之前，必须要迈出重要一步，那就是“响应式设计”，也就是屏幕可以根据内容而自动调整大小。

       然而响应式设计也是一件非常不容易的事情，因为当今各式各样的 设备实在是让开发者眼花缭乱，手足无措。要想做好响应式设计， 就必须洞悉内容与屏幕之间的反馈关系，响应式设计要完全离开 “流”，转而注重内容是如何在网页和移动设备中被处理的，这一 过程还在继续，会让它最终成为可能。

（四）设备访问

       消除应用与原生应用界限的最大障碍就是浏览器访问移动设备基木特性的能力，比如照相机，通讯录，日历，加速器等，利用HTML5实现此能力方面，一直在努力通过移动浏览器来将强设备访问能力。对许多移动开发商来说，提高设备访问能力是最令人激动的革新，这意味着应用能够登陆移动设备而无需做任何式打包，游戏开发商当然最开心，因为某些特性对他们来说是PhoneGap封锁的，比如能整合到游戏中的加速器。这就开启了另一个可能的世界，比如能与云更好地整合并提高游戏可玩性，有了这个平台，HTML5开发商可以不再依赖于语言，及其它程序语言。JavaCSS3,HTML

（五）离线缓存

       离线缓存算是比较新的一个概念，简单来说就是在离线情况下，应用还可以正常运行。传统意义上的应用需要依赖于网络,而HTML5的离线缓存可以冲破这个束缚，利用离线缓存技术，可以在离线状态下正常使用应用。目前己经有产品实现了这个方式。比如亚马逊的云阅读器。

四、特点

        超文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：  

（一）简易性：

       超文本标记语言版本升级采用超集方式，从而更加灵活方便。  

（二）可扩展性：

       超文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超文本标记语言采取子类元素的方式，为系统扩展带来保证。  

（三）平台无关性：

       虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。  

（四）通用性：

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

五 、缺点

（一）太简单：

      不能适应现在越多的网络设备和应用的需要。比如手机、PDA、信息家电都不能直接显示HTML。

（二）太庞大：

       由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML。显然在你的PDA上装一个IE6是不可能的。空间不够，运算也跟不上。

（三）数据与表现混杂：

       这样你的页面要改变显示，就必须重新制作HTML。对不同的网络设备显示同样的数据都需要制作不同的HTML。

六、应用领域

HTML语言的主要用途

1. 轻松浏览互联网

       超文本允许你访问Internet上的不同页面，尤其是在你没有记住所有URL的情况下。你只需单击链接或在地址字段中输入URL即可浏览互联网。超文本对于引导用户浏览你的网站并充当网关至关重要，以便他们知道存在不同的页面并可以在它们之间导航。如果不使用超文本，用户很难检测到网站上是否还有其他网页。

1. 尖端功能

       HTML支持Polyfill功能，它是一种允许你在HTML中本地使用不同技术的代码。你可以使用此功能复制未来的API，同时为过时版本的浏览器提供回退功能;你可以自定义polyfill库以满足你的特定要求并执行其他人从未做过的事情。HTML的这些尖端特性是HTML有如此多用途的原因。

1. 创建Web文档

       网页只是一个Web文档，你可以在其中编写你希望用户看到的材料，然后将其包装在指示机器如何格式化整个内容的代码中。这会告诉你的浏览器标题、正文和元数据中的文本，它带有标签，因此计算机知道如何处理你提供的信息。

1. 数据输入

      你拥有执行任何数据输入任务所需的所有API。作为开发人员，你只需在相关字段中添加标签，例如文本和数据格式，你甚至可以提供屏幕键盘和验证，确保为用户提供流畅和愉快的体验。

1. 游戏开发

       游戏开发是HTML的重要用途之一。尽管不再支持Flash，但HTML仍可用于创建基于浏览器的游戏。你使用的API不必完全实现，但可以使用最必要的组件，同时去掉了其余的功能，带来了更轻松的体验。由于HTML5的进步，HTML正迅速成为最流行的游戏编程语言之一。

1. 离线存储

       如果你的一些用户不在线怎么办?在最新版本的HTML中找到的应用程序缓存方法的帮助下，你仍然可以使你的应用程序运行。应用程序缓存负责各种离线功能，包括各种组件，包括需要更新的API调用。通过清单文件，你可以控制浏览器对其离线使用的操作，甚至它使用的资源。

1. 原生API使用

       API代表“应用程序编程接口”，这是两个不同应用程序相互通信的一种方式。通过使用API，HTML包括地理定位、事件管理、拖放和更多功能，HTML编程现在比以往任何时候都更强大。开发人员还可以使用具有异步特性的现代在线应用程序。

1. 在客户端存储东西

     IndexDB和Localstorage使在客户端存储文件更简单、更高效，这些都有自己的一套强大的功能。

      Localstorage支持setItem、getItem和removeItem方法，以及基于字符串的哈希表存储。IndexDB带有更多的存储空间，你可以在用户许可的情况下增加。

1. 方便使用的

       与其他编程语言不同，HTML以用户友好而闻名，即使对于初学者也是如此，所以，这也是HTML的主要用途之一。HTML中有语义组件来描述它们所具有的内容类型，例如，页眉、页脚、主要、摘要和时间等HTML常用标签是自描述的。

1. 可访问的富Internet应用程序

       HTML5语义标签的使用使网站搜索引擎和屏幕阅读器友好，如果正确使用语义标签，视障人士可以使用屏幕阅读器从网页中获取信息。

七、其他知识

1. 标签：HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
   
    
2. 元素：HTML 文档由 HTML 元素定义。
   
   
    
3. 属性：属性是 HTML 元素提供的附加信息。
   
   
4. web浏览器

        Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。

         浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户

5. html的模板：