当前位置: 代码迷 >> 综合 >> HTML5-从0开始学习之HTML文档结构
  详细解决方案

HTML5-从0开始学习之HTML文档结构

热度:44   发布时间:2023-10-25 04:08:12.0

首先我使用的代码编译器是VS code,一键生成HTML文档格式后如图

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="stylesheet" href="style.css"><script src="script.js"><title>Document</title>
</head>
<body></body>
</html>

现在开始逐行介绍:

<!DOCTYPE html>文档声明,告诉浏览器这是一个HTML文档;

<html lang="en"></html> HTML标签,代码内容应该写在这个标签里面,lang="en"功能是告诉浏览器当前html文档中所使用的语言是什么,默认是en,即english;

<head></head>head头部,是html中的两大部分之一,head头部内容是给浏览器看的

<body></body>body内容,是html中的两大部分之一,是给访问者看的。

<meta>标签是设置网页的元数据,元数据就是描述数据的数据,可以看做是数据的属性。例如网页中的文本就是数据,如上图charset="UTF-8"设置字符集,通常“UTF-8”是默认的字符集。

<title>Document</title>title标签,设置文档的标题,默认是document,标题对搜索引擎非常有用。

<link>标签,引入外部样式表文件。

<script>标签,引入外部JS文件。

以上就是HTML文档的结构。

 

  相关解决方案