html和css的编码规范
php中文网
发布时间:2016-08-30 09:21:06
|
1365人浏览过
|
来源于php中文网
原创
HTML和CSS编码规范内容
一、HTML规范
二、CSS规范
三、注意事项:
四、常用的命名规则
五、CSS样式表文件命名
六、文件命名规则
一、HTML规范:
1.代码规范
- 页面的第一行添加标准模式声明
- 代码缩进:tab键设置四个空格(通常在软件右下角设置相应空格大小)
- html中除了开头的DOC和 'UTF-8'或者head里特殊情况可以大写外,其他都为小写,css类都为小写
- 建议为 html 根元素指定 lang 属性,从而为文档设置正确的语言 lang="zh-CN"
- 不同doctype在不同浏览器下会触发不同的渲染模式
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
head>
....
html>
- 不要使用@import
- 与 标签相比,@import 指令要慢很多,不光增加了额外的请求次数,还会导致不可预料的问题。替代办法有以下几种:
- 使用多个 元素
- 通过 Sass 或 Less 类似的 CSS 预处理器将多个 CSS 文件编译为一个文件
- 通过 Rails、Jekyll 或其他系统中提供过 CSS 文件合并功能
引入 CSS 和 JavaScript 文件
- 根据HTML5规范, 通常在引入CSS和JS时不需要指明 type,因为 text/css 和 text/javascript 分别是他们的默认值
2.注释
本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
文心一言
文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。
讯飞写作
基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿
即梦AI
一站式AI创作平台,免费AI图片和视频生成。
ChatGPT
最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。