HTML5 代码撰写规范解析三
<!DOCTYPE html>
<!-- 也可以用小写来声明 -->
<!doctype html>
混合了大小写的源码风格是很不好的,被人看着比较杂乱。
开发职员一般用小写 (类似 XHTML的撰写风格)。
小写风格看着愈加清爽。
小写字母容易辨别、撰写。
<!-- 不推荐的写法 -->
<SECTION>
<p>这是一个段落。</p>
</SECTION>
<!-- 很杂乱的写法 -->
<Section>
<p>这是一个段落。</p>
</SECTION>
<!-- 推荐写法 -->
<section>
<p>这是一个段落。</p>
</section>
<!-- 不推荐的写法 -->
<section>
<p>这是一个段落。
<p>这是一个段落。
</section>
<!-- 推荐写法 -->
<section>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
</section>
不推荐写法
<meta charset="utf-8">
推荐写法
<meta charset="utf-8" />
同时用大小写是很不好的习惯。
开发职员一般用小写 (类似 XHTML的撰写风格)。
小写风格看着愈加清爽。
小写字母容易撰写。
不推荐
<p CLASS="menu">
推荐
<p class="menu">
假如属性值含有空格需要用引号。
混合风格不推荐的,建议统一风格。
属性值用引号易于阅读。
以下实例属性值包括空格,没用引号,所以不可以起用途:
<table class=table striped>
以下用了双引号,是正确的:
<table class="table striped">
<img src="html5.png" alt="HTML5" />
概念好图片的尺寸,在加载时可以预留指定空间,降低闪烁
<img src="html5.png" alt="HTML5" style="width:200px;height:200px" />
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="styles.css">?
希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
►本文网址:http://www.nsxcb.cn/HTML/HTMLrumen/20220513/14196.html
►凡本站提供教程均已验证教程的准确性。