HTML清单标记语言:正确处理编号项目清单
84 浏览量
更新于2024-08-31
收藏 332KB PDF 举报
HTML清单标记语言详解
在HTML教程中,清单标记语言是非常重要的一部分。它能够帮助我们组织页面结构,添加意义,让我们能够在稍后以CSS添加独立的样式。今天,我们将讨论几种标记清单的做法,研究以<ul>和<li>将它们标记成无序清单的好处。
首先,让我们回顾一下第一章中讨论的几种标记清单的做法。我们研究了使用<ul>和<li>将它们标记成无序清单的方法,能够标识清单的结构,确保所有浏览器与设备都能正确显示它的内容,同时也让我们能以CSS为它添加各种样式。
然而,在各种环境下,处理个别问题时标记清单的所有做法写出来的话塞满整本书都不难。因此,我们将讨论除了无序清单之外的其他几种清单类别,研究几种适合使用清单的状况。
第一种清单类别是编号项目清单。让我们看看编了号的项目清单,及其两种标记这类清单的做法。假设你打算标记一个步骤清单,每个项目之前都有编号,我们将研究两种能够达成这个目标的不同方法, 同时说明为何某个方法比较适用。
方法A:乱中有序
<ul>
<li>1.Choptheonions.</li>
<li>2.Sautetheonionsfor3minutes.</li>
<li>3.Add3clovesofgarlic.</li>
<li>4.Cookforanother3minutes.</li>
<li>5.Eat.</li>
</ul>
这种方法使用无序清单标记这些步骤,以便获得我们在第一章提过的所有好处,我们为内容加上结构,知道大多数浏览器、屏幕阅读器以及其他设备都能正确处理这部分内容,稍侯我们也能用CSS轻易为它指定样式。
然而,这种方法存在一些问题。由于这是个有编号的清单,我们在每个项目之前加上编号,编号之后跟着句号,以便标识每个步骤的顺序。这样做的结果是,我们需要在每个项目之间添加编号,而这可能会导致清单变得混乱不堪。
因此,我们需要探索其他标记清单的方法,以便更好地组织我们的内容。下一篇文章中,我们将继续讨论其他几种清单类别,例如编号项目清单、描述清单等,并研究它们的标记方法和应用场景。
清单标记语言是HTML中非常重要的一部分。它能够帮助我们组织页面结构,添加意义,让我们能够在稍后以CSS添加独立的样式。只有通过学习和掌握清单标记语言,我们才能更好地组织我们的内容,提高网页的可读性和可维护性。
2021-01-08 上传
2021-01-19 上传
2021-01-19 上传
2020-09-28 上传
2021-10-11 上传
2018-02-27 上传
2011-06-04 上传
2021-01-11 上传
2009-12-04 上传
weixin_38571759
- 粉丝: 6
- 资源: 897
最新资源
- 前端协作项目:发布猜图游戏功能与待修复事项
- Spring框架REST服务开发实践指南
- ALU课设实现基础与高级运算功能
- 深入了解STK:C++音频信号处理综合工具套件
- 华中科技大学电信学院软件无线电实验资料汇总
- CGSN数据解析与集成验证工具集:Python和Shell脚本
- Java实现的远程视频会议系统开发教程
- Change-OEM: 用Java修改Windows OEM信息与Logo
- cmnd:文本到远程API的桥接平台开发
- 解决BIOS刷写错误28:PRR.exe的应用与效果
- 深度学习对抗攻击库:adversarial_robustness_toolbox 1.10.0
- Win7系统CP2102驱动下载与安装指南
- 深入理解Java中的函数式编程技巧
- GY-906 MLX90614ESF传感器模块温度采集应用资料
- Adversarial Robustness Toolbox 1.15.1 工具包安装教程
- GNU Radio的供应商中立SDR开发包:gr-sdr介绍