div、p、img标签需规范书写：div用小写，合理使用class/id，避免过度嵌套；p标签成对出现，不嵌套块级元素；img为自闭合标签，必加src和alt属性。
在HTML开发中，正确书写标签是构建网页结构的基础。div、p 和 img 是最常用的标签之一，掌握它们的书写规范有助于写出语义清晰、结构合理的代码。
div 是“division”（分区）的缩写，用于将页面划分为不同的区块，常用于布局和样式控制。
书写规范：
<div></div>
<div class="header"></div>
<div class="container"> <div id="sidebar">侧边栏内容</div> <div class="content">正文区域</div> </div>
p 标签用于定义一段文字内容，浏览器会自动在其前后添加换行间距。
书写规范：<p>内容</p>
<p>这是第一段文字内容。</p> <p>这是第二段，用来描述更多细节。</p>
img 是自闭合标签，用于在页面中插入图片。
立即学习“前端免费学习笔记（深入）”；
书写规范：
src 属性，指定图片路径alt 属性，用于图片无法加载时的替代文本，也提升可访问性<img src="path.jpg" alt="描述文字" />（XHTML 风格），HTML5 中斜杠可省略<img src="logo.png" alt="公司Logo" width="200" height="100">
或更现代的响应式写法（配合CSS）：
<img src="photo.jpg" alt="户外风景" class="responsive-img">
基本上就这些。遵循标准写法，能让HTML更易维护、更兼容，并为SEO和无障碍访问打下良好基础。
以上就是如何书写html标签_HTML基础标签（div/p/img）书写规范与示例的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
561
收藏
