项目工程

本文介绍如何使用DOS命令创建Web项目,并遵循HTML5框架规范编写index.html文件。通过合理的目录结构和文件组织,有助于提升网站的可访问性和SEO效果。

一、创建项目

第一步的附件:用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. 结构清晰,利于维护

转载于:https://juejin.im/post/5a372824f265da432e5c18cf

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值