当前位置: 首页 > java >正文

HTML 基本结构

HTML 基本结构

HTML(超文本标记语言)的基本结构由以下几个关键部分组成,这些部分定义了网页的框架和内容。

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

文档类型声明

<!DOCTYPE html> 是文档类型声明,告诉浏览器使用的是 HTML5 标准。它必须放在文档的最前面。

HTML 根元素

<html> 是 HTML 文档的根元素,包含整个网页的内容。lang 属性用于指定文档的语言,例如 en 表示英语。

头部部分

<head> 包含网页的元信息,如字符集、视口设置、标题等。这些内容不会直接显示在网页上。

  • <meta charset="UTF-8"> 指定文档的字符编码为 UTF-8,确保正确显示多语言字符。
  • <meta name="viewport" content="width=device-width, initial-scale=1.0"> 确保网页在不同设备上正确显示。
  • <title> 定义网页的标题,显示在浏览器的标题栏或标签页上。

主体部分

<body> 包含网页的可见内容,如文本、图片、链接等。所有用户看到的内容都放在这里。

注释

<!-- 注释内容 --> 用于在 HTML 中插入注释,注释不会显示在网页上,仅供开发者参考。

示例

以下是一个完整的 HTML 基本结构示例:

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我的网页</title>
</head>
<body><h1>欢迎来到我的网页</h1><p>这是一个简单的 HTML 示例。</p>
</body>
</html>

http://www.xdnf.cn/news/20123.html

相关文章:

  • 一篇文章带你彻底搞懂 JVM 垃圾收集器
  • 大数据开发计划表(实际版)
  • Python入门教程之数学运算符
  • 基于单片机智能水龙头/智能洗漱台设计
  • STM32F103_Bootloader程序开发15 - 从Keil到vscode + EIDE + GCC的迁移实践
  • 8051单片机-成为点灯大师
  • STL重点
  • Web Session 机制深度解析
  • Windows 11使用技巧
  • 汉诺塔递归过程推导(详细+省流)
  • 2025 年高教社杯全国大学生数学建模竞赛A 题 烟幕干扰弹的投放策略完整成品 思路 模型 代码 结果 全网首发高质量!!!
  • 2025跨境独立站最新最完整的搭建流程
  • AI智汇社区凭什么半年估值破亿?这家公司让普通人也能玩转AI开发
  • 【IO】共享内存、信息量集
  • 【已更新文章+代码】2025数学建模国赛B题思路代码文章高教社杯全国大学生数学建模-碳化硅外延层厚度的确定
  • 《设计模式之禅》笔记摘录 - 19.备忘录模式
  • 新增MCP工具管理,AI对话节点新增工具设置,支持对接企业微信机器人,MaxKB v2.1.0版本发布
  • 理解进程栈内存的使用
  • 嵌入式第四十六天(51单片机)
  • git提交代码
  • React笔记_组件之间进行数据传递
  • 只会git push?——git团队协作进阶
  • RAG(检索增强生成)-篇一
  • Linux-xargs-seq-tr-uniq-sort
  • Oracle 数据库使用事务确保数据的安全
  • 实现自己的AI视频监控系统-第三章-信息的推送与共享4
  • 如何在SpringBoot项目中优雅的连接多台Redis
  • vue3的 三种插槽 匿名插槽,具名插槽,作用域插槽
  • 无需Python:Shell脚本如何成为你的自动化爬虫引擎?
  • Dubbo消费者无法找到提供者问题分析和处理