HTML基础知识：构建网页的基本骨架-优快云博客

前言

本文主要是对自己HTML学习的一个大概总结

一、HTML是什么？

1.1 HTML 是超文本标记语言（ Hyper Text Markup Language）

超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。

1.2 HTML 特点

HTML 不需要编译，可以直接通过记事本进行编写，但需要加上相应的拓展名（.html/.htm)。
HTML 具有平台无关性，超文本标记语言可以使用在其他平台上。
HTML 具有通用性，可以在各种类型电脑和浏览器所浏览到。

二、HTML基本骨架

2.1 <!DOCTYPE> 声明

<!DOCTYPE> 声明有助于浏览器正确显示网页，每一个HTML文件第一行必须有它，不区分大小写。
<!DOCTYPE> 并不是一个HTML标签，它是用来告诉 web 浏览器页面使用了哪一种HTML版本。现在一般使用 html5 版本，即<!DOCTYPE html>

2.2 <html>

<html> 元素是HTML页面的根元素

2.3 <head>

<head> 元素包含了文档元 meta 数据，以及文档的标题 title ，根据需要也可以包含脚本、样式等其他信息

2.3.1 <title> 元素用来描述文档的标题。

<title>这是标题</title>

2.3.2 <meta> 标签常用

我们可以用 meta 标签声明当前这个 html 的字符编码。中文使用的字符集有: UTF-8（万国码）、GB2312（简体中文）、BIG5（繁体中文），charset 就是“字符集”的意思。

<meta charset="utf-8">

我们还可以通过 meta ，指定网页的关键字和描述。
页面描述：

<meta name="Description" content="页面的描述"/>

定义关键字：

<meta name="keywords" content="关键字，便于搜索引擎"/>

内嵌 CSS 元素

<style type="text/css">

内嵌脚本

<script type="text/javascript">

链接到外部样式文件

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

2.4 <body>

<body> 元素包含了可见的页面元素。

三、总结

一个基本的骨架如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="Description" content="..."/>
    <meta name="keywords" content="..."/>
    <title>Document</title>
</head>
<body>
 ...
 ...
</body>

</html>