html - 为什么要给单独的 li 元素一个主导航栏的类？

标签 html

<分区>

我在一些大型网站上阅读 HTML 只是为了看看其他人如何组装他们的代码。在 playmonopoly.us(和许多其他网站)上，主导航栏是使用 li 类创建的。

问题:

如果为 li 元素设置样式是创建类的目的，那么给每个 ul 一个类，然后在 CSS 中定位每个 ul 不是更有意义吗？我在整个 li 类(class)中遗漏了什么？

最佳答案

给一个导航li类一个作用是显示哪个li是页面导航的active。这可能是不同的颜色或不同的背景，以表明该链接是事件页面。

这可以在 php 中轻松完成，其中事件页面在调用标题/导航之前被命名。

例如 - 设置事件页面变量:

<?php $activePage="home";?>

//导航菜单相关的其他代码 //包含公共(public)头文件/导航文件

<li class="<?php if($activePage =="home"){echo"active";}?>"><a href="index.php">HOME</a></li>

这样做是为了允许一个通用的中层菜单，然后指示您所在的事件页面，因此可以相应地设置样式。如果导航菜单中的每个页面是事件页面，则它可以具有事件类。因此，根据 activePage 类的设置，有一个导航菜单在不同的页面上执行不同的操作。

顺便说一句 - 如果页脚中有导航元素，则 $activePage 变量也可以用在页脚中 - 因此可以允许在页面顶部和底部设置事件页面链接的样式。

关于html - 为什么要给单独的 li 元素一个主导航栏的类？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36032569/

相关文章：

html - 我怎样才能一个接一个地 float 三个 wrapper