当前位置: 首页 > Web前端 > HTML

制作网页过程中的一些注意事项

时间:2023-04-02 15:23:56 HTML

这周主要是在编辑大众点评网页,问题比较多。在此一一记录,希望以后有所警醒。当html文档特别乱的时候:longpain不如short痛苦。如果发现自己写的乱七八糟,删掉重写。评论非常重要。以前写C++小程序的时候没有太注意,但是一旦代码量上升到几百OK,一定要写注释,有助于理清思路。评论的写法:构思好整个网页后,先写出每一个标签,然后在代码上方的地方写上这一段的内容,总结快捷键:ctrl+?整体分析可以手写出来,写在纸上简单易懂,不易混淆。关于命名因为编辑的过程离不开css的调整,所以需要进行命名,这样才能快速定位到代码位置。面对一个长长的html文档,命名和注释同样重要。请将css文件命名为样式。,数字与块一起命名。块是逐级向下划分的,所以以结构的英文名称开头,然后用-来分类,用英文字母和数字来显示文档的序号。这样方便你快速找到类的位置和作用范围。当文件过长时,可以使用多个css文件,并在每个css文件中进行注释。css文件中类的排序也要有规律。我的做法:所有的下一个级别都遵循上一个级别。bootstrap的介绍有两种方式:1.网上介绍;结果在引用文献的时候,乱七八糟。现在明白了,bootstrap就是css和js文件,所以从网上下载下来后,直接解压放到自己的文档中,按照正常的引用文件流程即可。使用标签引用的bootstrap有很多版本。目前,我已经看到了第三代和第四代。不同版本之间的功能不能相互共享。下载过程中有两个版本。一个是编译好的,一个是源代码。前者可以直接引用。但不能修改。后者可以直接引用或修改。前者使用起来更方便。所以网上的bootstrap教程中的一些函数引用文件选择前者时,会有对其他库的引用。引导程序中只有三个其他文件。我不考虑它,所以没有必要引用标签。标签中的文字不是人类可读的,但浏览器可读(我理解这一点)关于网格系统。网格系统是bootstrap中的一个函数在block中很容易使用,在block中可以节省大量的代码和精力。网格系统的引入需要使用.container或.contaier-fluid类。前者未满,后者已满。这个类的引入意味着当整个标签已经成为一个可以和谐分割的块时,先用.row再用.col来格式化列。用.col-xs-n(n为1-12任意整数)划分,原理是:一行划分为十二个块,这十二个块组合起来划分一行网格系统,以及其他类型在bootstrap中,可以理解为一个基础,可以在此基础上任意修改,比如改变长宽等。划分列默认没有高度,只能偏移宽度列。数量)注意:导航栏的列表只向右倾斜常用的列表标签的方法可以写成