Frontend - Create project structure

1. HTML file

1、编写的html文件需要放在其它文件夹的外边,与其他文件夹是并列关系
2、如果内容有表单元素,那么所有的表单元素都需要包裹在form标签里面
3、编写代码时使用的尽量是有语义化的标签,减少每次都用div+span等没语义化的标签
4、布局时需要考虑后台能否将数据传入
5、在每一个块级元素上都加入注释,标明用处

Two, css file

1、css有三种引入的方法:内联、内部、外部
2、但是在项目中一般都会使用外部引入的方式
3、需要自己创建一个css文件夹专门存放css的文件
4、写一个小项目时会有三种css文件:
	index.css  自己编写的样式
	style.css  共同的样式
	reset.css  重置样式表

Three, js file

1、js文件也需要专门存放在js的文件夹中,使用时引入即可
2、js文件中编写js代码时需要在总的代码外添加一句页面加载的函数,可以js文件在浏览器打开之前就加载,避免样式失效JavaScript使用的是 window.addEventListener("load",function(){
    
    })

Four, font folder

该文件夹主要放入字体图标的一些文件,跟前面的类似

5. Structure display

insert image description here

Guess you like

Origin blog.csdn.net/qq_52998673/article/details/127053317