HTML基本骨架

最新推荐文章于 2023-04-19 18:31:44 发布

来把锉刀

最新推荐文章于 2023-04-19 18:31:44 发布

阅读量1.3k

点赞数 1

分类专栏： HTML 文章标签： html

本文链接：https://blog.youkuaiyun.com/gitmy666/article/details/109737608

版权

HTML 专栏收录该内容

3 篇文章

订阅专栏

本文概述了HTML的基础知识，包括HTML是什么，其特点，以及HTML的基本骨架组成。<!DOCTYPE>声明、<html>、<head>和<body>元素被详细解释，其中<head>内的<title>用于设置文档标题，<meta>标签则常用于设定字符编码和页面描述。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

本文主要是对自己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>