html5页面常用的代码

23 篇文章 0 订阅
20 篇文章 0 订阅

HTML5页面代码结构

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!--控制 缓存-->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <!--移动页面-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>标题</title>
    <meta name="Keywords" content="csdn,艾斯博弈,我爱听宝奥" />
    <meta name="Description" content="这是一个标准html5的demo页面" />
    <link href="../xxx.css" type="text/css" />
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->    
    <style type="text/css">

    </style>
</head>

<body>
    <header>
        <!-- 头部 -->
        <nav>
            <ul>
                <li></li>
            </ul>
        </nav>
    </header>
    <div class="container">
        <!-- 主体 -->
        <section>

        </section>
        <article>
            <aside>

            </aside>
        </article>
    </div>
    <footer>
        <!-- 底部 -->
    </footer>
    <script type="text/javascript">
    </script>
</body>

</html>

如有新的,后续补充

上面的是一个HTML5的基本结构,今天发现一个更好的,据介绍有上百人的经验集合。
那就是
HTML5 Boilerplate
https://html5boilerplate.com/

最流行的web开发前端模版HTML5 Boilerplate
http://www.bootcss.com/p/html5boilerplate/

HTML 5 Boilerplate 5.0 中文文档
https://www.w3cplus.com/html5/html5-boilerplate.html

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值