文章插图
HTML 代码约定
很多 Web 开发人员对 HTML 的代码规范知之甚少 。
在2000年至2010年,许多Web开发人员从 HTML 转换到 XHTML 。
使用 XHTML 开发人员逐渐养成了比较好的 HTML 编写规范 。
而针对于 HTML5,我们应该形成比较好的代码规范,以下提供了几种规范的建议 。
使用正确的文档类型
文档类型声明位于HTML文档的第一行:
<!DOCTYPE html>
如果你想跟其他标签一样使用小写,可以使用以下代码:
<!doctype html>
使用小写元素名
HTML5 元素名可以使用大写和小写字母 。
推荐使用小写字母:
混合了大小写的风格是非常糟糕的 。开发人员通常使用小写 (类似 XHTML) 。小写风格看起来更加清爽 。小写字母容易编写 。不推荐:
<SECTION>
<p>这是一个段落 。</p>
</SECTION>
非常糟糕:
<Section>
<p>这是一个段落 。</p>
</SECTION>
推荐:
<section>
<p>这是一个段落 。</p>
</section>
关闭所有 HTML 元素
在 HTML5 中, 你不一定要关闭所有元素 (例如 <p> 元素),但我们建议每个元素都要添加关闭标签 。
不推荐:
<section>
<p>这是一个段落 。
<p>这是一个段落 。
</section>
推荐:
<section>
<p>这是一个段落 。</p>
<p>这是一个段落 。</p>
</section>
关闭空的 HTML 元素
在 HTML5 中, 空的 HTML 元素也不一定要关闭:
我们可以这么写:
<meta charset=”utf-8″>
也可以这么写:
<meta charset=”utf-8″ />
在 XHTML 和 XML 中斜线 (/) 是必须的 。
如果你期望 XML 软件使用你的页面,使用这种风格是非常好的 。
使用小写属性名
HTML5 属性名允许使用大写和小写字母 。
我们推荐使用小写字母属性名:
同时使用大小写是非常不好的习惯 。开发人员通常使用小写 (类似 XHTML) 。小写风格看起来更加清爽 。小写字母容易编写 。不推荐:
<div CLASS=”menu”>
推荐:
<div class=”menu”>
属性值
HTML5 属性值可以不用引号 。
属性值我们推荐使用引号:
如果属性值含有空格需要使用引号 。混合风格不推荐的,建议统一风格 。属性值使用引号易于阅读 。以下实例属性值包含空格,没有使用引号,所以不能起作用:
<table class=table striped>
以下使用了双引号,是正确的:
<table class=”table striped”>
图片属性
图片通常使用 alt 属性 。在图片不能显示时,它能替代图片显示 。
<img src=https://www.520longzhigu.com/diannao/”html5.gif” alt=“HTML5” style=”width:128px;height:128px”>
定义好图片的尺寸,在加载时可以预留指定空间,减少闪烁 。
<img src=https://www.520longzhigu.com/diannao/”html5.gif” alt=”HTML5″ style=“width:128px;height:128px“>
空格和等号
等号前后可以使用空格 。
<link rel = “stylesheet” href = https://www.520longzhigu.com/diannao/“styles.css”>
但我们推荐少用空格:
<link rel=”stylesheet” href=https://www.520longzhigu.com/diannao/”styles.css”>
避免一行代码过长
使用 HTML 编辑器,左右滚动代码是不方便的 。
每行代码尽量少于 80 个字符 。
空行和缩进
不要无缘无故添加空行 。
为每个逻辑功能块添加空行,这样更易于阅读 。
以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助:- dll文件打开编辑的方法 dll文件怎么打开
- 免费虚拟主机控制面板 linux虚拟主机控制面板
- html视频代码讲解 html视频代码怎么用
- js删除class属性操作 js删除class属性
- cad打开图纸缺少shx文件 cad缺少shx文件怎么办
- win7取消开机自检知识点 win7取消开机自检怎么办
- python注释分为两种 python中注释有哪几种
- 电脑版语音转文字软件哪款好用呢?6款超良心语音转文字工具
- 大量海地居民涌入美国大使馆 老胡的春天全文免费阅读
- 宝马328gt_宝马s1000rr