分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

HTML中的无序列表讲解(菜鸟)

发布时间:2023-09-06 01:21责任编辑:苏小强关键词:HTML

什么是列表标签?

1.列表标签的作用:给一堆数据添加列表语义,也就是告诉搜素引擎告诉浏览器这一堆数据是一个整体。

2.HTML中列表标签的分类

  2.1无序列表(最多人用)(unordered list)

  2.2有序列表(最少人用)(ordered list)

  2.3定义列表(其次)(definition list)

3无序列表作用:

给一堆数据添加列表语义,并且这一堆数据所有的数据都没有先后之分

什么叫先后之分?

例如:排行榜

什么叫没有先后之分?

例如:中国的所有城市

4.无序列表格式:

<ul> ???<li>需要显示的条目内容</li></ul>

li其实是英文list item的缩写

list是列表的意思

item是条目的意思

所以结合起来就是列表条目的意思

例子:

<h2>中国的城市:</h2><ul> ???<li>北京</li> ???<li>上海</li> ???<li>广州</li> ???<li>武汉</li></ul>

5.注意点

  5.1一定要记住ul标签是用来给一堆数据添加列表语义的,而不是用来给他们添加小圆点的

  5.2ul标签和li标签是一个整体,是一个组合,所有一般情况下ul标签和li标签都是一起出现,不会单个出现,也就是说不会单独使用一个ul标签或者单独使用一个li标签,都是结合在一起使用的

  5.3由于ul标签和li标签是一个组合,所有ul标签中不推荐包含其他标签,也就是说以后你在ul标签中只会看到li标签

无序列表适用场景(举例):

1.新闻列表

2.商品列表

3.导航条

HTML中的无序列表讲解(菜鸟)

原文地址:http://www.cnblogs.com/xiehefeng/p/7768231.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved