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> 行内 没有语义
相关推荐
BY组态6 小时前
Ricon组态系统vs传统组态软件:为什么选择新一代Web组态平台
前端·物联网·iot·web组态·组态
SoaringHeart6 小时前
Flutter进阶:OverlayEntry 插入图层管理器 NOverlayZIndexManager
前端·flutter
放下华子我只抽RuiKe57 小时前
React 从入门到生产(四):自定义 Hook
前端·javascript·人工智能·深度学习·react.js·自然语言处理·前端框架
XinZong7 小时前
OpenClaw 实现双重心跳(Heartbeat)+ clawreach虾聊项目实现
javascript
IT_陈寒8 小时前
Redis缓存击穿把我整不会了,原来还有这手操作
前端·人工智能·后端
idcu8 小时前
深入 Lyt.js 组件系统:L2 渲染引擎层的核心
前端·typescript
这是程序猿9 小时前
Spring Boot自动配置详解
java·大数据·前端
文心快码BaiduComate9 小时前
干货|Comate Harness Engineering工程实践指南
前端·后端·程序员
还有多久拿退休金9 小时前
一张栈的图,治好你面试答不出 script 阻塞的病
前端·javascript
光辉GuangHui9 小时前
Agent Skill 也需要测试:如何搭建 Skill 评估框架
前端·后端·llm