2018.03.27-HTML结构-CSDN博客

本文链接：https://blog.csdn.net/qq_36051260/article/details/79718786

HTML基本结构

1.html文档基本组成

                <!DOCTYPE html>
                <html>
                    <head>...</head>
                    <body>...</body>

                </html>

        1.1<DOCTYPE html>

                文档引用的规范,HTML5因为是"妥协式"的规范,所以不需要引用严格意义上的DTD规范
                    DTD 文档类型定义
                        对标签的使用进行了一定约束

        1.2<html>标签

                html文档的根元素标签,成对出现

                <html>...</html>

        1.3<head>标签

                html文档的头部标签,成对出现
                <head>...</head>

        1.4<body>标签

                html主题部分标签,成对出现<body>...</body>

    2.head标签内的常用元素

        2.1<head>标签内包含的主要元素

                <title>   该元素用于定义文档标题
                <script> 该元素用于包含JavaScript脚本
                <link>   该元素用于链接外部CSS资源文件
                <style>   该元素用于定义内部CSS样式
                <meta> 该元素用于HTML页面的元数据

        2.2.1使用title标签

                <head>
                    <title>...</title>
                </head>

                内容显示在浏览器窗口,主要用于搜索引擎搜索

        2.2.2使用meta标签
                <meta>用于定义页面元信息,也就是一对键值对,主要有一下三个属性
                http-equiv   指定元信息的名称,该属性指定的名称具有特殊意义,它可以向
                浏览器传回一些有用的信息,帮助浏览器正确的处理网页内容浏览器可识别
                name   指定元信息的名称,该名称值可以随意指定
                content   指定元信息的值
                例如:描述文档类型和字符编码
                <head>
                    <meta http-equiv="Content-Type" content="text/html";charset="utf-8"/>
                </head>
                 例如:描述搜索关键字和描述信息
                <head>
                    <title>HTML初级</title>

                    <meta name="author" content="Zippo"/>

                    <meta name="keywords" content="HTML小白,HTML初级"/> less than 5

                    <meta name="description" content="这是一个新手"/>

                        content less than 100 words&each keyword appears at least once

                </head>