Shopex模板制作零基础教程系列-HTML语言重新认知

百度百科中的解释：HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

有的朋友认为HTML简单易学，没有必要重点讲解。其实是个误区，HTML是一切前端页面表现的基础。也是WEB标准化（表现层，结构层，行为层）中的结构层。如果你觉得他简单，那么先看下最简单的这个例子：<DIV>&nbsp;他说:”SEO”。</DIV>这句最简单的HTML语言有什么问题。给你5分钟的考虑时间。能够找出其中问题来吗。

首先标记大写问题，在标准的XHTML中标记都要小写，<div></div>这样的写法才是合理的。

其次，空格符（&nbsp;）我不止一次的在shopex的挂件中发现这种空格符，他有2个问题，1是增加了页面的输出，空格符是占字节的。2是兼容性问题，空格符在多种浏览器中解析不同，很难控制其占据的空间。

还有呢，他说的这句话是一句引用，引用有专门的引用标记，例如<q></q>标记，短引用标记，但是他对浏览器兼容性有一定的问题，那么还有个<blockquote>标记也是引用的标记。

最后SEO是一个缩略词，是Search engine optimization的首字母缩写。他也有专门的标记。<acronym></acronym>。

最后的写法：<div>他说：<blockquote>”<acronym>SEO</acronym>”</blockquote></div>

有的朋友说那不是自找麻烦么，那么首先要知道HTML除了解析的作用之外还有什么作用。每个HTML标记都有其含义，他的含义是给搜索引擎来看的。搜索引擎不知道你什么地方时重点，什么地方时引用，什么地方时缩写。他只能靠标记来识别。

所以最后说一句，请重视HTML语言，你学的还远远不够。