HTML编码和CSS编码会遇到的问
2024-08-25 08:32:24
http://codeguide.bootcss.com/#html-syntax 参考链接
属性顺序
HTML 属性应当按照以下给出的顺序依次排列,确保代码的易读性。
- class
- id, name
- data-*
- src, for, type, href
- title, alt
- aria-*, role
class 用于标识高度可复用组件,因此应该排在首位。id 用于标识具体组件,应当谨慎使用(例如,页面内的书签),因此排在第二位。
声明顺序
相关的属性声明应当归为一组,并按照下面的顺序排列:
- Positioning
- Box model
- Typographic
- Visual
由于定位(positioning)可以从正常的文档流中移除元素,并且还能覆盖盒模型(box model)相关的样式,因此排在首位。盒模型排在第二位,因为它决定了组件的尺寸和位置。
其他属性只是影响组件的内部(inside)或者是不影响前两组属性,因此排在后面。
不要使用 @import
与 <link> 标签相比,@import 指令要慢很多,不光增加了额外的请求次数,还会导致不可预料的问题。替代办法有以下几种:
- 使用多个 <link> 元素
- 通过 Sass 或 Less 类似的 CSS 预处理器将多个 CSS 文件编译为一个文件
- 通过 Rails、Jekyll 或其他系统中提供过 CSS 文件合并功能
编辑器配置
将你的编辑器按照下面的配置进行设置,以避免常见的代码不一致和差异:
- 用两个空格代替制表符(soft-tab 即用空格代表 tab 符)。
- 保存文件时,删除尾部的空白符。
- 设置文件编码为 UTF-8。
- 在文件结尾添加一个空白行。
最新文章
- node中子进程同步输出
- VisualStudio 调试Linux
- 使用delphi+intraweb进行微信开发2—intraweb以.net方式发布(以asp.net mvc4模式部署)在IIS(.net虚拟主机)上
- Springside学习
- Java异步IO/NIO
- BZOJ1143 [CTSC2008] 祭祀river
- Apache、Tomcat、JBoss、Weblogic四个常用的JavaEE服务器
- [AngularJS] Best Practise - Module
- 转载 -- C# 中的委托和事件
- htmlparser 精确提取的一些代码
- ARC - strong和weak指针
- LoRaWAN_stack移植笔记(一)--RF硬件相关
- hadoop单机版安装及基本功能演示
- Ubuntu屏幕分辨率无1920 1080
- 【公众号系列】两分钟学会SAP F1技巧
- lr分布式测试--笔记
- 揭秘IT人才特点:中美印日四国程序员比较
- Java基本语法知识要点
- BASIC-12_蓝桥杯_十六进制转八进制
- DOM编程 学习笔记(二)
热门文章
- Linux下修改Oracle数据库字符集命令
- Ubuntu下编译SHTOOLS
- 《java入门第一季》之面向对象面试题(成员变量与局部变量的区别)
- UML之包图
- 嵌入式C语言查表法的项目应用
- mysql 好文章
- 写论文如何做相关工作(realted work)的调研
- Gradle 1.12用户指南翻译——第二十二章. 标准的 Gradle 插件
- OpenGL Shader Key Points (1)
- 使用“万能数据库查询分析器”的Windows 7、Windows 8、Windows 10的用户须知