HTML框架

介绍

HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写。是一套编写网页的规则，所有的浏览器遵循这个规则。

HTML5 规则基本结构如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>

DOCTYPE

DOCTYPE 告诉浏览器使用什么样的html或xhtml规范来解析html文档

以下标签作为head标签的子标签

meta（metadata information）

提供有关页面的元信息，例：页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词

     1.页面编码（告诉浏览器是什么编码）

         <meta http-equiv="content-type" content="text/html;charset=utf-8" />

     2. 刷新和跳转

         <meta http-equiv="refresh" content="10" />   # 10秒刷新一次网页

         <meta http-equiv="refresh" content="5;url=http://www.baidu.com" />   # 5 秒钟后跳转到百度

      3.关键词

         <meta name="keywords" content="成功，失败，努力，钓鱼" />   # 搜索引擎爬取的关键字

      4.描述

         <meta name="Description" content="这是一个付出就有回报的时代" />

      5.手机访问跳转到指定url

         <meta http-equiv="mobile-agent" content="format=xhtml;url=http://shuoji.com" />

      6. IE 兼容性设置

          <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;" />

title

网页头部信息，显示在浏览器标签上。

link

    1. css    # 连接外部 css 文件

       <link rel="stylesheet" type="text/css" href="css/common.css" />

    2. icon  # 浏览器标签上显示的图像

       <link rel="shortcut icon" href="http://mpic.tiankong.com/fde/3be/fde3be1961ceda101061bea0f09bf914/640.jpg" />

style

   在页面中写样式

   <style type="text/css">
        .wpic{
            background-color: blue;
        }
    </style>

script

  1. 写 javascript 代码

     <script type="text/javascript">
            alert("nihao");
     </script>

   2. 引入外部 js 文件

      <script type="text/javascript" src="script/common.js"></script>

  

 

     

posted @ 2017-11-29 14:44  步绍训  阅读(133)  评论(0)    收藏  举报