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和无障碍访问打下良好基础。












