使用
    的优点
  • 设计选项卡与使用纯
    的比较在
    内?

发布于 2024-10-29 18:21:36 字数 381 浏览 1 评论 0原文

我认为选项卡通常被实现为

    和内部的一系列
  • 。相比之下有什么优势吗 只是使用
    和一些
    内部?

通常以

    作为tab,其padding-left需要重置为0,list-style需要设置为none< /code>,而
    则没有这个问题。

I think very often tabs are implemented as <ul> and a series of <li> inside. Is there advantage of that over
just using <div> with a few <div>s inside?

Usually with <ul> as tabs, the padding-left of it needs to be reset to 0, and list-style needs to be set to none, while <div> doesn't have this issue.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

一个人练习一个人 2024-11-05 18:21:36

简短而清晰的答案:为什么我应该使用“li”而不是 'div'?

摘录:

“为了语义正确性。HTML 能够表达事物列表,它可以帮助 Google 机器人、屏幕阅读器以及所有不只关心网站呈现的用户更好地理解您的内容。 ”

“对于视障人士来说,区分列表中的内容和不包含的内容会很有帮助。例如,假设您有食谱中的成分列表,并且用户想要跳到说明或只是阅读说明列表,你需要一个列表。”

不要忘记访问链接以了解更多信息。

Short and clear answer: Why should I use 'li' instead of 'div'?

Excerpt:

"For semantic correctness. HTML has the ability to express lists of things, and it helps the Google robot, screen readers, and all manner of users who don't care solely about the presentation of the site understand your content better."

"For the visually impaired, it can be helpful to distinguish what's in a list and what's not. Say if you have a list of ingredients in a recipe for example, and the user wants to skip to the instructions or just read the list, you need a list."

Don't forget to visit the link to learn more.

神回复 2024-11-05 18:21:36

不应用 CSS 时看起来更好,并且(我相信)更容易在屏幕阅读器中进行交互。

Looks better when CSS isn’t applied, and is (I believe) easier to interact with in screen-readers.

云胡 2024-11-05 18:21:36

在添加/更改代码方面,它更具可读性并且更有意义。选项卡/导航自然看起来就像一个列表,其中的项目彼此关联。

一旦通过 CSS 实现,当需要更改导航/选项卡时,添加/修改就变得非常容易。

In terms of adding/changing the code, it is more readable and makes more sense. Tabs/navigation naturally seem like a list where the items are associated with each other.

Once implemented via CSS, it is extremely easy to add/modify when the time comes to change your navigation/tabs.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文