html里的ul和Li的区别是什么

html里的ul和Li的区别是什么,第1张

1、定义不同

ul 是 Unordered List(无序列表)的缩写。<li>标签定义列表项目(li是lists的缩写)。

2、用法不同

<ul>标签定义无序列表。使用 <li>标签定义的列表可以是个无序列表也可以是有序列表。

3、支持的HTML全局属性不同

<li>标签支持所有的HTML 全局属性。<ul>标签支持 HTML 中的全局属性:accesskey、class、dir、id、lang、style、tabindex、title。

4、属性不同

<ul>标签中的属性:compact、type。<ul>标签:id, class, title, style, dir, lang, xml:lang。

5、元素级别不同

ul 是块级元素可以定义宽和高,li表示行排列不能单独使用,需要在ul和ol里面,配合使用。

UL是美国保险商试验所(Underwriter Laboratories Inc.)的简写。

UL安全试验所是美国最有权威的,也是界上从事安全试验和鉴定的较大的民间机构.它是一个独立的,非营利的,为公共安全做试验的专业机构.

它采用科学的测试方法来研究确定各种材料,装置,产品,设备,建筑等对生命,财产有无危害和危害的程度确定,编写,发行相应的标准和有助于减少及防止造成生命财产受到损失的资料,同时开展实情调研业务.

总之,它主要从事产品的安全认证和经营安全证明业务,其最终目的是为市场得到具有相当安全水准的商品,为人身健康和财产安全得到保证作出贡献.就产品安全认证作为消除国际贸易技术壁垒的有效手段而言,UL为促进国际贸易的发展也发挥着积极的作用.也就是说,UL是一种安全认证.

【扩展资料】

UL的简介:

UL始建于1894年,初始阶段UL主在靠防火保险部门提供资金维持动作,直到1916年,UL才完全自立。经过近百年的发展,UL已成为具有世界知名度的认证机构,其自身具有一整套严密的组织管理体制、标准开发和产品认证程序。UL由一个有安全专家、政府官员、消费者、教育界、公用事业、保险业及标准部门的代表组成的理事会管理,日常工作由总裁、副总裁处理。目前,UL在美国本土有五个实验室,总部设在芝加哥北部的Northbrook镇,同时在台湾, 苏州,广州和香港分别设立了相应的实验室。

参考资料:

UL认证-百度百科UL认证-百度百科

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Arrow</title>

    <style>

        html, body, ul{margin: 0 padding: 0 background-color: #000}

        ul, li{margin: 0 padding: 0 list-style: none}

        #box{position: relative width: 100px height: 50px background-color: red text-align: center margin: 100px auto}

        h3{width: 100% height: 100% line-height: 50px margin: 0}

        ul{background-color: #fff display: none}

        li{font-size: 14px line-height: 30px cursor: pointer}

        span{position: absolute display: none border: 6px solid transparent border-bottom-color: #fff left: 50% margin-left: -6px top: 38px}

        #box:hover ul{display: block}

        #box:hover span{display: inline-block}

    </style>

</head>

<body>

<div id="box">

    <h3>安全保障</h3>

    <ul>

        <li>合作保障机构</li>

        <li>CFCA战略合作</li>

        <li>政策法规保障</li>

    </ul>

    <span></span>

</div>

</body>

</html>

可以通过图片,但是性能上稍微差一点,可以用一个标签的边框来表示,下边框有颜色其余的透明然后定位即可。代码是个小例子,你可以看看。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7344936.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存