新手在编辑 HTML 文档的时候常常会漏掉一些常用的信息，虽然我们强大的浏览器一般都能正确显示出来，但是对于新手的学习以及未来代码编辑的习惯养成来说，还是有必要理解并规范文档格式的，这里提供一份常用的 HTML 模板文件，希望对于新手朋友们能有所帮助。

<!-- 文档声明 -->
<!DOCTYPE HTML>
<!-- 文档内容 -->
<html lang="zh">
    <!-- 页头 -->
    <head>
        <!-- 元数据 -->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="description" content="......" />
        <meta name="Author" content="">
        <meta name="Keywords" content="">
        <meta name="Description" content="">
        <!-- 网页标题 -->
        <title>网页标题</title>
        <!-- 引入文件 -->
        <link type="" href="" rel=""/>
        <!-- 引入CSS文件 -->
        <link type="text/css"rel="stylesheet"href="css/demo.css"/>
        <!-- 文档内嵌样式文件 -->
        <style type="text/css">
            .container{
                width: 100px;
                height: 100px;
                background-color: red;
            }
        </style>
        <!-- 引入脚本文件 -->
        <script type="" src=""></script>
        <!-- 引入JS文件-->
        <script type="text/javascript" src="js/demo.js"></script>
        <!-- 文档内嵌JS脚本 -->
        <script type="text/javascript">
            function popMsg() {
                alert("您点击了 container 容器")
            }
        </script>
    </head>
    <!-- 主体 -->
    <body>
        <div class="container" onclick="popMsg()">
        </div>
    </body>
</html>