專案工程

老葉愛學習發表於2017-12-18

一、建立專案

專案工程

第一步的附件：用DOS命令建立Web專案（專案規範）
Win+R                             //開啟執行  => cmd進入DOS終端
mkdir                             //建立目錄
notepad  index.html               //建立檔案    記事本notepad
cd \                              //回到根目錄
cd..                              //返回上一級
cd 目錄名稱                        //切換到指定目錄
dir                               //顯示列表
tab                               //自動補全目錄或檔名
↑                                 //檢視執行過的歷史命令
dl                                //刪除檔案
cd                                // w+tab鍵 當前目錄下自動補全
複製程式碼

二、部署node.js

三、寫index.html檔案

<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" > <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width">
    <title>one:: ,</title>

    <!--以後建立站點會用-->
    <!--<base href="/" />-->
    <link rel="stylesheet" href="stylesheets/index.css">
    <script src="javascripts/ceshi.js"></script>
</head>
<body>   <!--基於H5特性的頁面佈局-->
    <header>
        <nav></nav>
    </header>

    <main>  <!-- 一個文件中只能有一個main標籤 -->
        <article>
            <section>
                <figure></figure>
            </section>
        </article>
    </main>

    <footer></footer>
</body>
</html>
複製程式碼

HTML框架規範後的好處：

  1. 提升可訪問性
  2. 對SEO友好
  3. 結構清晰，利於維護

相關文章