使用<a>或<span>在单个页面上显示/隐藏元素

厨房水槽

我根据单击的内容使用jQuery在单个页面上显示或隐藏divs元素:

HTML:

<div id='aboutPage' class='visible'>
//content
</div>

<div id='contactPage' class='invis'>
//content
</div>

CSS:

.visible { display: block; }
.invis { display: none; }

JS:

$('#element1').on('click', {clickedTab: 'aboutTab'}, changeTab);
$('#element2').on('click', {clickedTab: 'contactTab'}, changeTab);

var currentTab = 'about';

function changeTab(event)
{
//if-else ladder to make invis the prior current tab
if (currentTab == 'about')
    if (event.data.clickedTab != 'aboutTab')
        $('#aboutPage').removeClass('visible').addClass('invis');
    else return;
else if (currentTab == 'contact')
    if (event.data.clickedTab != 'contactTab')
        $('#contactPage').removeClass('visible').addClass('invis');
    else return;

//if-else ladder to change the current tab
if (event.data.clickedTab == 'aboutTab') {
    currentTab = 'about';
    $('#aboutPage').removeClass('invis').addClass('visible');
}
else if (event.data.clickedTab == 'contactTab') {
    currentTab = 'contact';
    $('#contactPage').removeClass('invis').addClass('visible');
}

我的问题是,即使它们在技术上不链接到另一个页面,它是否也适合element1element2成为<a>元素?我想这样做,以便从样式上看,这些元素似乎是指向用户的链接。或者,我应该使它们成为<span>元素,然后仅使用CSS对它们进行样式设置使其看起来像链接吗?有什么区别吗?<a>选项会被认为是不良的编码风格吗?

迈克尔·本杰明(Michael Benjamin)

我的问题是,即使它们在技术上不链接到另一个页面,它是否也适合element1element2成为<a>元素?

不需要锚元素链接到另一个页面。锚元素与href属性一起使用时,将创建一个链接。该链接可以在任何地方:同一页面,一个电子邮件地址,另一页面等。

https://www.w3.org/TR/html5/text-level-semantics.html#the-a-element

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

TOP 榜单

热门标签

归档