怎么合格规范一个网站的html代码

怎么合格规范一个网站的html代码?写网站就像我们建房子一样,地基必需要牢固,房子才不会倒掉。同样的,我们制作Web页面也是一样的,一个良好、清爽、清晰的HTML结构是制作一个网站的开始,良好的CSS布局只存在同样良好的HTML中,所以一个干净的HTML优点很多,那么我们在写html代码的时候,怎么合格规范一个网站的HTML代码?

怎么合格规范一个网站的HTML代码?
 

一、DOCTYPE的声明

如果我们想做好一件事情,首先要知道我们能去做哪些事情,就如网页中“DOCTYPE”的声明,我们没有必要去讨论是否使用HTML4.01或者XHTML1.0或者说现在的HTML5都提供了严格版本或者过渡版本,这些都能很好的支持我们写的代码:

<!DOCTYPE HTML>
<html lang="en-US">

二、css样式和js脚本

在页面中写css的方法有很多,有些直接将样式放入页面的“<head>”中,seo优化技术博主告诉大家:这是一个很不好的习惯,因为这样不仅会搞乱我们的标记,而且这些样式只适合这一个HTML页面。

所以我们应该把css单独写,然后用link标签调用css样式,这样的css样式就可以用于多个页面,修改起来也比较简单。其实javascript脚本也和CSS样式是同一样的道理。博主就不在多讲了。关于css代码的优化方法可以访问《优化css代码的方法》。

三、删除没必要的标签以及空行

删除没必要的标签以及空行

上图明显是一个导航菜单的制作,在上图的实例中:有一个“div #topNav”包住了列表“ul #bigBarNavigation”,而“div”和“ul”列表都是块元素,加上 “div” 此处用来包 “ul” 根本就没有起到任何作用。虽然“div”的出现给我们制作web页面带来了极大的好处,但我们也没有必要到处这样的乱用。

四、正确的使用代码缩进功能

在页面编辑中,你带代码缩进使用好不好,他不会影响你网站的任何功能,但是你没有一个规范的缩进原则,读你代码的人会非常麻烦,所说博主建议大家正确的使用代码缩进功能,因为可以增强你代码的可读性。

标准程序的缩进应该是一个制表符(或几个空格),博主分享一张正确的缩进图片,你看后就知道以后自己的代码要怎么样书写了:

正确的使用代码缩进功能

 总结

以上即是博主为大家分享的“怎么合格规范一个网站的html代码”,博主总结了几点让HTML代码书写的更加简洁的方法在这里,大家坚持下去会是一个很好的开始,但是html优化方法不单单是这几点。当你试图修复你现的代码,可能会发现很困难,而如果你完全当做从头开始学习,却可能会容易的多。不管如何,重要的是,你应该学习如何撰写良好的HTML并且坚持下去。

版权所有,未经允许禁止转载,邹伟廷博客 QQ/微信: 893268219