li标签可以嵌套在<a></a>里面吗

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了li标签可以嵌套在<a></a>里面吗相关的知识,希望对你有一定的参考价值。

参考技术A

当然可以,很多导航常用的写法就是li标签里嵌套a标签:

<ul class="nav">
    <li><a herf="/">首页</li>
    <li><a herf="/aboutus/">关于我们</a>
    <li><a href="/products/">产品中心</a>
</ul>

a标签都可以嵌套li标签(当然是用起来比较少,但显示的结果是没有问题的)

<a href="/"><li>第一个代表什么</li><li>第二个代表什么..</li></a>

注:在html标签里很多标签都可以互相嵌套使用,自己多写多偿试就可以了~ 好运!

无序列表,有序列表,自定义列表

列表最大的特点:整齐 整洁 有序

列表的三大类:无序列表 有序列表  自定列表

无序列表

<ul><ul>

ul标签中只能嵌套<li>标签如果要嵌套其他标签是不可以的

<li></li>

li标签相当是一个小容器可以接纳所有元素在li标签当中我们添加一个p标签也是可以显示在页面上的


有序列表

<ol></ol>

ol标签只能嵌套<li>标签如果直接ol标签中我们要是要添加别的标签和文字是不被允许的

<li></li>

li标签是之间相等于一个容器 可以使用其他的元素

有序列表会带有自己的样式属性在实际属性


自定义列表

<dl>标签定义的列表

<dt>标签是我们定义的项目/名字

<dd>标签描述了每一个项目和名字

<dl></dl>

<dt>名词</dt>

<dd>名词1解释1</dd>

<dl>标签里面只能包含<dt>标签<dd>标签

<dt>和<dd>个数没有限制经常是一个dt标签定义多个dd标签

 

 

以上是关于li标签可以嵌套在<a></a>里面吗的主要内容,如果未能解决你的问题,请参考以下文章

<ul>标签两层嵌套如何在js中找到第二层<li>标签,不用获取id的方法。两层<li>标签的class是一样的。

常用的HTML标签

列表 表格与媒体元素

第二章:列表表格与媒体元素

Selenium chromedriver 无法定位嵌套的 <li> 标签

关于 ul 嵌套 li 并且再嵌套 a 的 BUG