首页 前端知识 HTML5 <li> 标签、HTML5 <legend> 标签

HTML5 <li> 标签、HTML5 <legend> 标签

2024-05-25 09:05:25 前端知识 前端哥 870 922 我要收藏

HTML5 <li> 标签

实例

HTML5 <li>标签用于表示文档中列表的项目,在下述例子中,我们分别在有序列表和无序列表中使用了<li>标签。

HTML 两个列表实例: 一个有序列表 (<ol>) 和 一个无序列表 (<ul>) :

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul> 

尝试一下 »
(本页底部查看更多实例)


浏览器支持

目前多数主流浏览器支持 <li>标签。


标签定义及使用说明

<li> 标签定义列表项目。

<li> 标签可用在有序列表(<ol>)、无序列表(<ul>)和菜单列表(<menu>)中。


HTML 4.01 与 HTML5之间的差异

"type" 属性 在 HTML 4.01 已被废弃。HTML5 不支持该属性。

"value" 属性 在 HTML 4.01 已被废弃。HTML5 不支持该属性。


提示和注释

提示: 请使用 CSS 来定义列表和列表项目的类型。


属性

属性描述
type (已废弃)1
A
a
I
i
disc
square
circle
HTML5 不支持该属性。HTML 4.01 已废弃该属性。 不赞成使用。使用 CSS list-style-type 属性来代替, 规定使用哪种项目符号。
valuenumber不赞成使用。请使用样式取代它。规定列表项目的数字。


全局属性

<li> 标签支持全局属性,查看完整属性表 HTML 全局属性。


事件属性

<li> 标签支持所有 HTML 事件属性。


在线实例

一个嵌套列表
列表内的列表。

另外一个嵌套列表
更复杂的嵌套列表。

HTML5 <legend> 标签

实例

HTML5 <legend>元素是<fieldset>元素的第一个子元素,定义了<fieldset>元素的标题。

组合表单中的相关元素:

<form>
 <fieldset>
   <legend>Personalia:</legend>
   Name: <input type="text" size="30"><br>
   Email: <input type="text" size="30"><br>
   Date of birth: <input type="text" size="10">
 </fieldset>
</form>

尝试一下 »


浏览器支持

目前大多数浏览器支持 <legend> 标签。


标签定义及使用说明

<legend> 元素为 <fieldset>元素定义标题。


HTML 4.01 与 HTML5之间的差异

在 HTML 4.01中 "align" 属性已被废弃, HTML5不支持该属性。不建议使用。 请使用 CSS 来设置 <legend> 元素的对齐方式。


属性

属性描述
aligntop
bottom
left
right
HTML5 不支持。 HTML 4.01 已废弃。不建议使用。 请使用样式代替。为 fieldset 中的标题定义对齐方式。


全局属性

<legend> 标签支持全局属性,查看完整属性表 HTML全局属性。


事件属性

<legend> 标签支持所有 HTML事件属性。

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9380.html
标签
评论
发布的文章

用JS生成本周日期代码

2024-04-18 17:04:15

js 递归函数

2024-05-31 10:05:46

jQuery是什么?如何使用?

2024-03-12 01:03:24

js延迟加载的六种方式

2024-05-30 10:05:51

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!