欢迎来到模板无忧!织梦模板,dede模板下载,织梦cms模板,免费网站模板下载站

模板无忧

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">?


希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
作者:酱油妹 来源:www.dgznd.com.cn 关注: 时间:2022-05-13 18:00
版权声明:凡注明来源为http://www.nsxcb.cn的均为本站原创,转载请注明来源。
本文网址:http://www.nsxcb.cn/HTML/HTMLrumen/20220513/14196.html
凡本站提供教程均已验证教程的准确性。
相关教程
在线客服

织梦模板 整站模板 新手教程 使用技巧