html文字间加空格 html加空格的方法

文章插图
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小编还为您精选了以下内容，希望对您有所帮助：