HTML 介绍及head标签

web 标准

web 介绍：

w3c：万维网联盟组织，用来制定web标准的机构
web 标准：制定网页遵循的规范
web规范的分类：结构标准，表现标准，行为标准
结构：html 表现：css 行为：JavaScript

网页主要有三部分组成：结构(html)、表现(css)、行为(javascript)

web总结：

结构标准：相当于人的身体。html是用来制作网页的
表现标准：相当于人的衣服。css是对网页进行美化的
行为标准：相当于人的动作。JavaScript就是让网页动起来，具有生命力

HTML 介绍

html全称Hyper Text Mackeup Language 超文本标记语言，是一种描述性的标记语言，用于描述超文本内容的显示方式。

作用：HTML是负责描述文档语义的语言，给文本增加主标题的语义

注意：HTML不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程)，HTML页面直接由浏览器解析执行

HTML 规范

HTML是一个弱势语言
HTML不区分大小写
HTML页面的后缀名是html或htm
HTML的结：
        声明部分：主要作用是来告诉浏览器这个页面使用的是那个标准
        head部分：将页面的一些额外信息告诉服务器。不会显示在页面上
        body部分：所写代码必须放在此标签内

编写规范

1、所有标记元素都要正确的嵌套，不能交叉嵌套。

2、所有标记都必须小写

3、所有的标记都必须关闭

4、所有属性值必须加上引号

5、所有属性必须有值

head 标签内相关内容

<!DOCTYPE html>
<html lang="en">
<head>

    <!-- 文档的标题、编码方式及URL等信息,这些信息大部分是用于提供索引,辩认或其他方面的应用（移动端） -->
    
    <!-- 文档的标题 -->
    <title>路飞学城</title>

     <!-- 常用两个属性
        http-equiv:它用来向浏览器传达一些有用的信息，帮助浏览器正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
      -->
    <!--指定文档的内容类型和编码类型 -->
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <!-- 5秒之后 重定向 到路飞学城的网站 -->
    <!-- <meta http-equiv="refresh" content="5;URL=https://www.luffycity.com"/> -->

    <!--告诉IE浏览器以*模式渲染当前网页-->
    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <!-- 为了我们的SEO优化  工作的时候下面这两句 要写-->
    <meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
    <meta name="description" content="路飞学城">
    
    <!-- 定义我们的网站图标 -->
    <link rel="icon" href="./fav.ico">
    
    <!-- 引入外部样式表 -->
    <link rel="stylesheet" type="text/css" href="./index.css">

    <!-- 定义内部样式表 -->
    <style type="text/css">
        
    </style>
    
    <!-- 定义内容脚本文件 -->
    <script type="text/javascript">
        
    </script>

    <script src="./index.js"></script>

</head>
<body>
    
</body>
</html>

秒客网