如何书写html标签_HTML基础标签（div/p/img）书写规范与示例

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

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

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

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

书写规范：

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

示例：

  侧边栏内容
  正文区域

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

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

书写规范：

• 必须成对出现（有开始和结束标签）：

  内容

• 只包含纯文本或内联元素（如 strong、em、a），不要嵌套块级元素（如 div、p）
• 每个段落使用一个 p 标签，不要用多个 br 实现段落换行

示例：

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

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

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

书写规范：

• 必须包含 src 属性，指定图片路径
• 推荐添加 alt 属性，用于图片无法加载时的替代文本，也提升可访问性
• 使用自闭合写法：（XHTML 风格），HTML5 中斜杠可省略
• 建议指定 width 和 height，防止页面重排

示例：

@@##@@

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

@@##@@

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