HTML的简介和框架_html框架是什么?-优快云博客

本文链接：https://blog.youkuaiyun.com/2401_87066191/article/details/145607056

一.HTML5的DOCTYPE声明:

DOCTYPE是 document type(文档类型)的缩写。 <IDOCTYPE html>是H5的声明位于文档的最前面，处于标签之前（最顶部）
他是网页必备的组成部分，避免浏览器的怪异模式

<!DOCTYPE html>

二.基本骨架（基本标签）

1.html标签

html定义HTML文档，看到这个元素就明白是HTML文档了，要将其他元素包裹在它里面，标签限定了文档的开始点和结束点

<!DOCTYPE html>
<html>
</html>

2.head标签

head定义文档的头部，文档头部描述了文档的各种属性和信息，包括文档的标题，在web中的位置以及和其他文档的关系等，绝大多数文档头部包含的数据都不会包含真正的内容

<!DOCTYPE html>
<html>
    <head>
    </head>
</html>

3.body标签

body定义文档的的主体内容，包含但不限于（比如文本，超链接，图像，列表，表格）

会直接在页面显示出来，跟body同级

<!DOCTYPE html>
<html>
    <head>
    </head>

    <body>
    </body>
</html>

4.title标签

1.可定义文档的标题

2.显示在浏览器窗口的标题栏或状态栏上

3.<title>标签是<head>标签中唯一要求必须包含的东西，写head必须有title

4.<title>的增加有利于SEO优化（SEO是搜索引擎优化的英文缩写，通过对网站内容调整满足引擎排名需求）

<!DOCTYPE html>
<html>
    <head>
        <title>第一个页面</title>
    </head>
    <body>
        我会显示在浏览器中
    </body>
</html>

5.meta标签(单标签)

meta标签用来描述一个HTML网页文档的属性，关键词等，例如charset=“utf-8”是说当前使用utf-8编码格式，在开发中我们经常看到utf-8或是gbk，这些都是编码格式，通常使用utf-8

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>it is a web</title>
    </head>
    <body>
    </body>
</html>