div、p、img标签需规范书写：div用小写，合理使用class/id，避免过度嵌套；p标签成对出现，不嵌套块级元素；img为自闭合标签，必加src和alt属性。

在html开发中，正确书写标签是构建网页结构的基础。div、p 和 img 是最常用的标签之一，掌握它们的书写规范有助于写出语义清晰、结构合理的代码。

div 标签：块级容器的标准写法

div 是“division”（分区）的缩写，用于将页面划分为不同的区块，常用于布局和样式控制。

书写规范：

• 使用小写字母书写标签名：<div></div>
• 合理添加 class 或 id 属性以便 css 样式控制，例如：<div class="header"></div>
• 避免嵌套过深，保持结构清晰
• 不要滥用 div，优先考虑语义化标签如 header、main、section 等（在合适场景下）

示例：

<div class="container">   <div id="sidebar">侧边栏内容</div>   <div class="content">正文区域</div> </div>

p 标签：段落文本的标准表达

p 标签用于定义一段文字内容，浏览器会自动在其前后添加换行间距。

书写规范：

• 必须成对出现（有开始和结束标签）：<p>内容</p>
• 只包含纯文本或内联元素（如 strong、em、a），不要嵌套块级元素（如 div、p）
• 每个段落使用一个 p 标签，不要用多个 br 实现段落换行

示例：

<p>这是第一段文字内容。</p> <p>这是第二段，用来描述更多细节。</p>

img 标签：图像引用的正确方式

img 是自闭合标签，用于在页面中插入图片。

立即学习“前端免费学习笔记（深入）”；

标小兔AI写标书

一款专业的标书AI代写平台，提供专业AI标书代写服务，安全、稳定、速度快，可满足各类招投标需求，标小兔，写标书，快如兔。

40

查看详情

书写规范：

• 必须包含 src 属性，指定图片路径
• 推荐添加 alt 属性，用于图片无法加载时的替代文本，也提升可访问性
• 使用自闭合写法：<img src="path.jpg" alt="描述文字" />（xhtml 风格），html5 中斜杠可省略
• 建议指定 width 和 height，防止页面重排

示例：

<img src="logo.png" alt="公司Logo" width="200" height="100">

或更现代的响应式写法（配合CSS）：

<img src="photo.jpg" alt="户外风景" class="responsive-img">

基本上就这些。遵循标准写法，能让HTML更易维护、更兼容，并为SEO和无障碍访问打下良好基础。

以上就是如何书写