HTML5输出说明

【问题标题】：HTML5 output explanationHTML5输出说明
【发布时间】：2025-12-23 13:05:11
【问题描述】：

这两个简化的 HTML5 代码得到相同的结果：

代码 #1：

<html>
<head>
    <title>test</title>
</head>
<body>
    <p>test1</p>
</body>
</html>

--

代码 #2：

<html>
<head>
    <title>test</title>
</head>
<body>
    test1
</body>
</html>

====

两种情况的输出都是一样的，屏幕打印出单词“test1”，那么标签&lt;p&gt;有什么用呢？浏览器如何理解这两个代码？请注意文件代码是.html扩展名

【问题讨论】：

标签： html


【解决方案1】：

&lt;p&gt; 标签代表 paragraph，用于文本，您可以在 MDN 上阅读更多相关信息：https://developer.mozilla.org/en/docs/Web/HTML/Element/p

如果您仔细观察，您会发现输出不一样，p 位于页面下方稍远的位置，因为它设置了默认边距，例如 div 没有。

浏览器解析代码/标记并根据特定标签的默认布局设置呈现每个标签中的内容。

【讨论】：

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript C# Mysql Docker 算法 前端 SpringBoot Redis Vue spring .net 设计模式 .net core c++ kubernetes 数据库 机器学习 大数据 数据结构 微服务 js 人工智能 Go Android 面试 程序员 JVM 云原生 后端 ASP.net core 深度学习 CSS k8s git golang PHP devops Nginx Django React mybatis 架构 多线程 Spring Boot 云计算 LeetCode 分布式