一、基础结构标签 文档声明与根标签 <!DOCTYPE html>：声明文档类型为HTML5 <html>：定义HTML文档的根元素，lang属性指定语言类型 <head>：包含元数据（如字符集声明、标题、CSS/JS链接） <body>：包裹网页的可见内容 二、文本与排版标签 标题标签 <h1>到<h6>：定义标题层级，默认粗体显示且字号逐级减小 段落与换行 <p>：定义段落，自动忽略源码中的多余空格和换行 <br>或<br/>：强制换行（单标签） 格式保留与分割线 <pre>：保留源码中的空格和换行格式 <hr>：插入水平分割线，可通过size、width等属性调整样式 文本格式化 <strong>/<b>：加粗文本 <em>/<i>：斜体文本 三、容器标签 通用容器 <div>：块级容器，独占一行，默认宽度100% <span>：行内容器，用于包裹需单独处理的文本 四、媒体与链接标签 图像标签 <img src="路径" alt="描述">：插入图片，src为必填属性 超链接标签 <a href="URL" target="_blank">：定义超链接，target="_blank"表示新窗口打开 <a href="#锚点ID">：实现页面内锚点跳转 五、列表与表格标签 列表标签 <ul>/<ol>：定义无序/有序列表，包含多个<li>子项 表格标签 <table>：定义表格 <tr>：表格行 <td>：单元格，<th>：表头单元格 六、表单标签 表单容器 <form>：包裹表单元素，用于数据提交 输入控件 <input type="text|password|checkbox|radio|...">：定义文本框、密码框、复选框等 <textarea>：多行文本输入框 <select>/<option>：创建下拉菜单 按钮控件 <button>：普通按钮 <input type="submit|reset">：提交/重置按钮 七、HTML5语义化标签 <header>：页眉 <footer>：页脚 <section>：内容区块 <article>：独立文章 <nav>：导航栏 <aside>：侧边栏 八、其他功能标签 <meta charset="UTF-8">：定义字符编码 <abbr title="解释">：缩写提示 <link rel="icon" href="favicon.ico">：设置网站图标
通过合理组合这些标签，可构建结构清晰、语义明确的网页，同时提升SEO和可访问性。
文章来源：
iT日记原创
版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。
还木有评论哦，快来抢沙发吧~