HTML网页基本结构说明
整体框架
HTML网页由多个嵌套的标签构成,形成树形结构,最外层是<html>
标签,包含<head>
(头部)和<body>
(主体)两部分,分别定义页面元数据和可见内容。
<html>
<head>
<meta charset="UTF-8">
详细结构示例
<!DOCTYPE html> <!-声明文档类型,告知浏览器使用HTML5标准 --> <html> <head> <meta charset="UTF-8"> <!-设置字符编码 -->示例页面</title> <!-网页标题 --> <style> <!-内联CSS样式 --> body { font-family: Arial, sans-serif; } </style> </head> <body> <h1>欢迎学习HTML</h1> <!-一级标题 --> <p>这是一个基础的HTML页面结构。</p> <!-段落文本 --> </body> </html>
关键标签作用
-
<!DOCTYPE html>
- 必须位于文件第一行,声明HTML版本(HTML5)。
- 作用:触发浏览器标准模式,避免兼容性问题。
-
<html>
- 根元素,所有内容必须包含在其中。
- 可添加
lang
属性(如<html lang="zh-CN">
)声明语言。
-
<head>
问题2:
<head>
和<body>
标签的区别是什么?解答:
<head>
:存放页面配置信息(如标题、编码、样式表、脚本等),内容不会直接显示在页面中。<body>
:包含网页的可见内容(如文本、图片、链接等),是用户实际看到的部分。
两者共同组成<html>
标签的核心结构,缺一不可