html 格式优化,合格规范一个html网站,有利于优化

原标题:合格规范一个html网站,有利于优化

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

1df455b05829dc1a55d502ac79b19be9.png

一、DOCTYPE的声明

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

二、css样式和js脚本

在页面中写css的方法有很多,有些直接将样式放入页面的“

”中,seo优化技术博主告诉大家:这是一个很不好的习惯,因为这样不仅会搞乱我们的标记,而且这些样式只适合这一个HTML页面。

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

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

63a287e5296d357f06ab808a18595ee9.png

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

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

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

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

e1e6ff99e84e71c5234120d8aae46f69.png

总结

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

责任编辑:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值