马黑黑 发表于 2024-2-19 20:03

ol有序列表的编号极限

<style>
        .ma { font:normal 16px/20px Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; }
        .ma p { margin: 10px 0; }
        .ma mark { padding: 2px 6px; background: lightgreen; }
</style>

<div class="ma">
        <p>要使用html的有序列表,我们需要如下标签:</p>
        <div class="mum"><pre>&lt;ol&gt;
    &lt;li&gt;列表名称&lt;/li&gt;
&lt;/ol&gt;
        </pre></div>
        <p>这将得到如下效果:</p>
        <ol>
                <li>列表名称</li>
        </ol>
        <p>上面的 <mark>1. </mark>字样,就是有序列表的编号。那么,ol 的 li(list,列表)编号到底可以多大呢?官网没有提到,但我们可以测试一下,比如 10000 怎么样?我们不必去写一万行的 li 标签,ol 属性中,有一个被废弃又被捡回的属性 start,我们就让 start 等于 10000 :</p>
        <div class="mum"><pre>&lt;ol start="10000"&gt;
    &lt;li&gt;列表名称&lt;/li&gt;
&lt;/ol&gt;
        </pre></div>
        <p>效果:</p>
        <ol start="10000">
                    <li>列表名称</li>
        </ol>
        <p>哎呀,行。实际上,有序列表支持的极限还是挺大的,通过测试发现是酱紫:<mark>[-2147483648,2147483647]</mark>,不过呢,非常遗憾的是,w3c组织对编号的样式设计并不上心,编号的占位问题没有解决好。试看:</p>
        <ol start="2147483645">
                    <li>列表名称</li>
                    <li>列表名称</li>
                    <li>列表名称</li>
                    <li>列表名称</li>
                    <li>列表名称</li>
        </ol>
        <p>看编号都往那挤了?还有,达到最大极限后,后续的列表在不同的浏览器有不同的编号,Chromium内核的就停留在最大编号了。</p>
</div>

红影 发表于 2024-2-19 20:11

那么大的数字啊,需要用到那么多么{:4_173:}

马黑黑 发表于 2024-2-19 20:13

红影 发表于 2024-2-19 20:11
那么大的数字啊,需要用到那么多么

俗话说得好:有备无患

红影 发表于 2024-2-19 20:56

马黑黑 发表于 2024-2-19 20:13
俗话说得好:有备无患

感觉用不到那么多呢{:4_173:}

南无月 发表于 2024-2-19 21:11

阿妈咪妈咪哄,天灵灵地灵灵,都变成银行存款就好了{:5_152:}

小辣椒 发表于 2024-2-19 21:19

不同的浏览器有不同的编号,不同的浏览器出来效果会一样吗

马黑黑 发表于 2024-2-19 22:13

小辣椒 发表于 2024-2-19 21:19
不同的浏览器有不同的编号,不同的浏览器出来效果会一样吗

编号不尽一样。也就是说,不同内核,对编号的解析不同,有些内核的浏览器,到最大后会回到最小,有的回到0

马黑黑 发表于 2024-2-19 22:27

红影 发表于 2024-2-19 20:56
感觉用不到那么多呢

都这么想,问题会很大。当初,计算机系统设计之时,在时间制定上为了节省资源使用两位数,比如1998年,用98表示。当时谁也没想到,到2000年时,千年虫发作,全世界各行各业为此损失惨重,如果不是提前做了功课,损失将更难以理喻。

做事情要想到更远,只看脚底下的需要,除了掉坑,没有别的好结果。

红影 发表于 2024-2-19 23:46

马黑黑 发表于 2024-2-19 22:27
都这么想,问题会很大。当初,计算机系统设计之时,在时间制定上为了节省资源使用两位数,比如1998年,用 ...

原来时间的设定还有过这样的事啊{:4_173:}

马黑黑 发表于 2024-2-20 12:18

红影 发表于 2024-2-19 23:46
原来时间的设定还有过这样的事啊

千年虫发作的时候很多人都不太关注,但受影响的人他们有切肤之痛

红影 发表于 2024-2-20 14:46

马黑黑 发表于 2024-2-20 12:18
千年虫发作的时候很多人都不太关注,但受影响的人他们有切肤之痛

嗯嗯,受影响的肯定大都是业内人士吧。

马黑黑 发表于 2024-2-20 16:59

红影 发表于 2024-2-20 14:46
嗯嗯,受影响的肯定大都是业内人士吧。

不是。想一想金融界

红影 发表于 2024-2-20 19:42

马黑黑 发表于 2024-2-20 16:59
不是。想一想金融界

多金融界不了解,想这个更没用啊{:4_173:}

马黑黑 发表于 2024-2-20 19:43

红影 发表于 2024-2-20 19:42
多金融界不了解,想这个更没用啊

除了金融界以外,还有很多很多领域会直接受到影响

小辣椒 发表于 2024-2-20 19:52

马黑黑 发表于 2024-2-19 22:13
编号不尽一样。也就是说,不同内核,对编号的解析不同,有些内核的浏览器,到最大后会回到最小,有的回到 ...

哦,谢谢黑黑,那小辣椒自己去试一下

红影 发表于 2024-2-20 20:14

马黑黑 发表于 2024-2-20 19:43
除了金融界以外,还有很多很多领域会直接受到影响

反正我没受影响,所以印象不深。

马黑黑 发表于 2024-2-20 20:40

红影 发表于 2024-2-20 20:14
反正我没受影响,所以印象不深。

那时候你还小,涉世不深

马黑黑 发表于 2024-2-20 20:44

小辣椒 发表于 2024-2-20 19:52
哦,谢谢黑黑,那小辣椒自己去试一下

红影 发表于 2024-2-20 22:55

马黑黑 发表于 2024-2-20 20:40
那时候你还小,涉世不深

哈哈,这话说得,没受影响的都小呗{:4_173:}

马黑黑 发表于 2024-2-21 12:22

红影 发表于 2024-2-20 22:55
哈哈,这话说得,没受影响的都小呗

是的。难道不是吗
页: [1] 2
查看完整版本: ol有序列表的编号极限