HTML编码规范

彭水笑笑生

已于 2022-03-09 10:50:22 修改

阅读量249

点赞数

分类专栏：编码规范文章标签： html 前端

于 2022-03-01 16:25:56 首次发布

本文链接：https://blog.csdn.net/angel_yujl/article/details/123208092

版权

编码规范专栏收录该内容

1 篇文章 0 订阅

订阅专栏

SPA HTML模板


<!--在每个 HTML 页面开头使用这个简单的 doctype 来启用标准模式，使其在每个浏览器中尽可能展现一致的界面-->
<!DOCTYPE html>
<html>
	<head>
  	<!--统一使用 UTF-8 字符编码-->
    <meta charset="UTF-8">
    <!--通过 lang 属性来指出页面的语言，有助于语言合成工具来确定怎样发音，以及翻译工具决定使用的规则...-->
    <meta lang="zh">
    <!--指定使用什么版本的 IE 来渲染页面， 以下表示：IE 使用最新的兼容模式-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <!--标签名称和标签属性统一使用小写-->
    <!--属性引号用双引号，Boolean 属性指不需要声明取值的属性-->
    <meta name="description" content="">
    <!--建议自定义属性必须以 data- 为前缀，便于阅读-->
    <meta name="keyword" content="" data-model="">
    <title>彭水笑笑生</title>
    <!--根据 HTML5 规范, 通常在引入 CSS 时不需要指明 type-->
    <!--CSS 必须在 <head></head> 标签里引入-->
    <link rel="stylesheet" href="example.css">
  </head>
  <body>
  	<!--HTML属性应该按照特定的顺序出现以保证易读性，一致的属性顺序可能提升 gzip 压缩效率-->
  	<div class="" id="" name="" data-service="">这是一段话</div>
  	<!--不要在自动闭合标签的结尾处使用斜线-->
  	<br>
  	<hr>
  	<input>
  	<source>
  	<!--为 img 标签添加 alt 属性以声明替代文本-->
  	<img src="smiley-2.gif" alt="Smiley face" width="42" height="42">
  	<!--在多媒体标签内部提供指示浏览器不支持该标签的说明-->
  	<audio controls>
	  <source src="dog.ogg" type="audio/ogg">
	  <source src="dog.mp3" type="audio/mpeg">
	  您的浏览器不支持audio标签。
	</audio>
  	<!--根据 HTML5 规范, 通常在引入 JavaScript 时不需要指明 type-->
  	<!--除了基础库等比较基础性的脚本文件，其他都在靠近 body 结束标签前面引入-->
  	<script src="react.js"></script>
  </body>
</html>