WordPress与其他CMS应用在网站上已经运行一段时间了，而且运行结果非常不错。然而，如果换成是定制网站或者复杂网站的话，我们就很难找到适合您需求的应用程序了。网页设计最有效的方法是，至少要掌握几种现代Web技术方面的应用知识。之所以称其为Web技术，那是因为，并不是每一个Web开发组件都是一种程序语言。例如，严格来说，HTML5就不能算作是一种程序语言。相反，它属于标记语言，因此，仅在HTML进行编程工作的话，你还不能算是程序员。尽管如此，如果你掌握了其中的几种Web技术，那么就没人能够否认你是一名程序员。能够使用这些技术的人都是非常厉害的。设计出一种好看的、具有功能性和交互性的网站是所有开发人员的梦想。没人能推翻这个梦想。然而，为了实现梦想，必须有一个开始挑战的人。事实是，初学者都会犯一些错误。如下这些提示会帮助你避免一些人们在进行HTML5标识编程时或者尝试其他编程语言时会遇到的常见错误。这些错误都是常见的，而且容易避免，但却又会难倒经验丰富的程序员。
1.我们错误地假设，HTML所有版本都是一样的，如果没有推断错的话，它们并非完全一样。对于初学者来说，不同的是，首先要查看一下文档类型的声明内容。当你能够使用HTML5文档类型声明中所说的<!doctype html>时，也就可以掌握XHTML的文档类型说明：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org
/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html >
无论选择哪种版本编写标识，你都应该知道初始的确切语法。有可能的结果是，其中一种HTML版本中的标识并不一定适合其他版本。因此，我们一定要选择那些与现在所用相合拍的版本。我们建议使用HTML5，因为，它简单易学。
2.HTML5结尾处勿忘写入结束标记。你可以用<br> 代替<br/>作为最后的结束符，但是，如果没有关掉本应结束的网页，那么会给之后生成的页面带来很多麻烦。以<head>和 <body>为开始符是无效的，因为，之后浏览器会自动将整个程序结合在一起。曾经有过很多这种事情发生，然而，开发人员却不需要学会这种运行方式，应该在合适的位置关闭每一个本需结束的单独标识。
3.假设IDE非常适合网页开发，但是同时，在某一IDE中所编写的代码并不适合另外一个IDE。从这件事情上你可以学到最多的知识。DreamWeaver之外，IDE会编写一些特殊的代码，正因为如此，一种IDE所编写的代码才能适用于另外一种IDE。尽管是新人，你也应该使用像 Notepad++这样的文本编辑器，然后要么通过服务器，要么通过托管服务来运行网页。如果你刚涉足网站开发这个领域，那么你最好不要使用IDE。因为，IDE会让整个开发工作变得更加复杂，它们只会阻碍你的学习进程，而不会起到任何的促进作用。
4.不要过分担忧文本编辑器。我们并不需要担心文本编辑器，因为任何正规的文本编辑器都会很好地完成指定工作。你所要做的就是编写代码并将之保存到正确的扩展名文件中。像Notepad++这样的文本编辑器具备语法突出显示功能，并能增加编程人员的代码编写经验。但是，在软件开发环境中，如果你不是非要追求那种华而不实的特殊功能，那么不管是哪种文本编辑器都会做的很好。
5.对于经验丰富的程序员来说，使用内联CSS 或者HTML文件中的JavaScript并不是一个好的选择，更何况是对那些初出茅庐的新人来说就更加困难了。我们在很多情况下都可能应用到CSS 和JavaScript，但是，一段出现任何麻烦，便会形成一场噩梦，我们会尽快找出问题所在，并要消除这些问题。从另外一个角度来看，输入CSS/JavaScript可以使整个程序变得更加灵活，同时，也可以使这种较大范围的更改变得相对容易一些。因此，最佳的方式就是通过连接标记将这些文件输入<head>元素和CSS/JavaScript扩展样式表中。
6.注释是绝对必要的。在初始阶段，看起来像没必要注释，并且这种事情是非常无聊、讨厌的，但是，当我们与外来人员一起开发网站时，如果这些人不清楚特殊标识<div>的含义，那么将会是编程工作的一场噩梦。同样地，如果在特殊部分添加注释，那么我们也可以非常轻松地消除编程中出现的错误。否则，你可能首先要通过阅读千行代码然后才能开始查找问题点，甚至阅读大量代码之后，你也有可能找不出问题点。然而，我们要注意的是，注释的数量不能超过代码的数量。编程的精度和简洁性是非常关键的。
7.变量、功能、类别以及ID号都很重要。这些要素跟注释具有同样的作用，都可以帮助我们理解代码含义。例如，代码块显示的是两个数字相乘，我们称之为Division公式，我们也无法正确地编辑和更新代码。如果你能恰当地命名，那么所有一起合作的开发人员都会非常感激你。
8.使用合适的标识构造正确页面。<div>与<span>或者<p>的作用一样，但是，重要的是，我们要弄清楚在某一具体位置应该使用哪种标识。上述的标识仅仅是举个例子而已，还有许多其他的标识，如<link>和<a>。一旦你发现了这些标识的不同作用，你就会知道网页的特殊之处要使用哪种标识了。
9.不要去掉每一处的属性/值对。这些看起来并不重要，但是，它们确实会起到一定的作用。我们要做的是，了解这些属性和值对的具体作用。如果你不了解，那么就根据要求，把这些属性和值对编辑到网页中。例如，<img> 的Alt属性就很重要，因为，如果没有该属性，很有可能无法下载图像，而且，该属性还会告诉用户图像的相关内容。这样的例子有很多，当我们遇到这些属性和值对时，我们最好是清楚地知道它们的具体作用是什么，多余的部分我们就可以去除。要定期进行更新，了解哪些属性或者值对已经退化到该范畴中。例如，<script>标识的语言属性就取代了类型属性。
10不要尝试用HTML代码做样式处理，很简单，因为这种CSS所要做的事情。HTML5属于标识语言。CSS是专门做样式处理的。例如， <b>和<i>标识可以做加黑或者斜体处理，同样，CSS也可以很好地完成以上的编程工作，因为CSS中有字体样式和字体大小属性。CSS适用于HTML5代码编辑中所有字体样式的处理。其逻辑是，外部样表更容易定位和配置网页的特殊内容。在应该寻找兔子的时候，就不要专注于独角兽啦。
HTML5中存在许多潜在的但可以避免的错误。在适用任何工具之前充分了解这些工具的具体功能，会让你的工作进行地更加顺利。了解HTML5只是其中一部分，因为还有PHP、CSS和JavaScript需要了解和掌握。HTML5是最强大和最先进的版本，但是，实时更新，你就会轻松地避免这些常见错误。
我们一直都在努力坚持原创.......请不要一声不吭，就悄悄拿走。
我原创，你原创，我们的内容世界才会更加精彩！
【所有原创内容版权均属TechTarget，欢迎大家转发分享。但未经授权，严禁任何媒体（平面媒体、网络媒体、自媒体等）以及微信公众号复制、转载、摘编或以其他方式进行使用。】
微信公众号
TechTarget
官方微博
TechTarget中国
作者
相关推荐
-
对话陈本峰：HTML5究竟给企业带来了什么？
智能手机的普及，移动计算的应用，带火了HTML5技术。尤其，当我们看到微软朋友圈被“故宫与腾讯合作”的广告刷屏，我们不得不承认，HTML5技术确实很重要，但是HTML5究竟带来了什么，与以往移动技术有什么不同？
-
HTML5促进企业移动化服务走向极致
在企业困扰于传统移动化方式过于复杂时， HTML5凭借其天然的跨平台特性，乘势而起并逐渐得到企业的关注。可是，由于HMTL5标准建立时间不长，展示性能及稳定性更是需要和浏览器有一个良好的兼容，除此之外企业更是缺乏实际应用经验，所以基于HTML5技术的企业级服务市场还处于一片初创状态。
-
HTML5如何在企业中深入使用？
据调查显示全球拥有490亿 在线设备，比人口数量多几倍，这说明平均每人拥有不只一部分在线设备。由此可见，全球移动生态系统是多么的庞大。
-
HTML5来了：推荐5个好用的混合式App开发工具
在残酷的移动互联网竞争环境下， HTML5技术一直受到各方关注，“HTML5颠覆原生 App”的争论也从未停止过，不管怎样HTML5生态的构建方兴未艾。