html 属性规范,前端开发规范(一、HTML篇)

本文探讨了前端开发中的重要原则,如结构、样式和行为的分离,HTML和CSS编码规范,以及如何优化外链资源。建议使用两个空格进行缩进,文件编码采用UTF-8,并统一注释风格。此外,还强调了自闭合标签的使用以及避免MixedContent问题的重要性。
摘要由CSDN通过智能技术生成

2c2082a52d3ea98a539675de95aedbe8.png

c76e6efb0ebdca533af7aeceb6682729.png

基本原则

结构、样式、行为分离

尽量确保文档和模板只包含 HTML 结构,样式都放到样式表里,行为都放到脚本里。

缩进

统一两个空格缩进(总之缩进统一即可),不要使用 Tab 或者 Tab、空格混搭。

文件编码

使用不带 BOM 的 UTF-8 编码。

在 HTML中指定编码 ;

无需使用 @charset 指定样式表的编码,它默认为 UTF-8 (参考 @charset);

一律使用小写字母

9841481c2744ed0a720c0ba589ab9622.png

省略外链资源 URL 协议部分

省略外链资源(图片及其它媒体资源)URL 中的 http / https 协议,使 URL 成为相对地址,避免Mixed Content 问题,减小文件字节数。

其它协议(ftp 等)的 URL 不省略。

c8721633a7676086902c64b398d5c235.png

统一注释

通过配置编辑器,可以提供快捷键来输出一致认可的注释模式。

HTML篇

标签

自闭合(self-closing)标签,无需闭合 ( 例如: img input br hr 等 );可选的闭合标签(closing tag),需闭合 ( 例如: 或

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值