HTML-基础知识-排版标签,语义化标签,块级元素行内元素,文本标签(二)

1.标题标签

html 复制代码
<body>
  <h1>一级</h1>
  <h2>二级</h2>
  <h3>三级</h3>
  <h4>四级</h4>
  <h5>五级</h5>
  <h6>六级</h6>
</body>

注意:

  1. 不允许互相嵌套。

2.段落标签

html 复制代码
<body>
  <p>我是一个段落</p>
  <p>我是一个段落</p>
</body>

注意:

  1. p标签中不可以有 div p h1~h6

3.语义化标签

标签默认效果不重要,语义最重要。

作用:

  1. 提高代码的可读性
  2. 有利于SEO(搜索引擎优化)
  3. 方便设备解析(屏幕阅读器,盲人阅读器)

4.块级元素行内元素

块级元素特点

独占一行

行内元素特点

不独占一行

规则

块级元素中能写块级元素行内元素

行内元素中可以写行内元素,但不能写块级元素

h1-h6不能互相嵌套

p标签中不能写块元素

5.文本标签

  1. <em></em> 行内 倾斜
  2. <strong></strong> 行内 加粗
  3. <span></span> 行内 没有语义
相关推荐
触底反弹12 分钟前
🔥 字符串算法面试三连击:反转、回文、回文变种,搞懂这三题稳了!
前端·javascript·算法
触底反弹21 分钟前
AI Tool Use 深度解析:大模型是如何"突破物理限制"调用外部工具的?
javascript·人工智能·后端
竹林81833 分钟前
从 RPC 超时到批量签名:我用 @solana/web3.js 重构了一个 NFT 铸造页面,踩了这些坑
前端·javascript
工业HMI实战笔记44 分钟前
工业HMI界面布局“1核2辅”黄金结构,适配90%场景
前端·ui·性能优化·自动化·交互
橘子星1 小时前
从零手写 RAG 语义检索:基于 Node.js 实现轻量级向量搜索
javascript·人工智能
林希_Rachel_傻希希1 小时前
web性能优化之————图片效果
前端·javascript·面试
橘子星1 小时前
基于 MCP 协议实现本地文件读取工具服务开发实践
javascript·人工智能
Darling噜啦啦1 小时前
前端存储与 this 指向完全指南:从 LocalStorage 实战到 call/apply/bind 深度解析
前端·javascript
sugar__salt1 小时前
手撕字符串算法:反转、回文、验证回文 Ⅱ 完整拆解
javascript·算法·面试·职场和发展
wei1986211 小时前
.net添加web引用和添加服务引用有什么区别?
java·前端·.net