HTML-如何标记这些超链接并消除重复的';公司';

HTML-如何标记这些超链接并消除重复的';公司';,html,user-interface,Html,User Interface,我正在努力为超链接(目前称为公司)找到合适的标签。 现在它看起来像下表。“公司”是指向显示所有这些公司(在此表中为1家、12家或26家公司)的页面的超链接 每行中每个行业名称(会计、广告等)的值是该行业详细信息的链接,因此我不能使用该链接 然而,我不喜欢公司重复的方式。哎呀。我希望有一个公司的标题,然后有一个链接来查看这些公司的列表 但是我会用什么来标记超链接呢?这不仅仅是每次重复相同的方式,公司的方式一直在示例中 Industry_Name Accounting C

我正在努力为超链接(目前称为公司)找到合适的标签。 现在它看起来像下表。“公司”是指向显示所有这些公司(在此表中为1家、12家或26家公司)的页面的超链接

每行中每个行业名称(会计、广告等)的值是该行业详细信息的链接,因此我不能使用该链接

然而,我不喜欢
公司
重复的方式。哎呀。我希望有一个公司的标题,然后有一个链接来查看这些公司的列表

但是我会用什么来标记超链接呢?这不仅仅是每次重复相同的方式,
公司
的方式一直在示例中

Industry_Name         
Accounting      Companies (1)  
Advertising     Companies (1)  
Art             Companies (1)  
Assets          Companies (1)  
Audio           Companies (12)  
Causes          Companies (1)  
Clubs           Companies (1)  
Consulting      Companies (26) 
这个例子似乎非常具体,但这是我见过好几次的一种相当普遍的模式,我欢迎社区对良好方法的建议

请在方框外思考,并考虑其他图形元素,如果它们有帮助的话。

< P> >一个选项是:

Industry_Name | Companies
-------------------------
Accounting    |   (1) 
Advertising   |   (1)  
Art           |   (1)  
Assets        |   (1)  
Audio         |   (12)  
Causes        |   (1)  
Clubs         |   (1)  
Consulting    |   (26)
使数字可点击,并在视觉上清楚地表明它们是可点击的(彩色和下划线链接,使用相当大的字体等)

另一个选择是:

Industry 
-------------------------
Accounting (1) [details] 
Advertising (1) [details]
Art (1) [details]
Assets (1) [details]
Audio (12) [details]
Causes (1) [details]
Clubs (1) [details]
Consulting (26) [details]
行业名称和编号链接到公司详细信息,而[detail]链接(可以是图标,而不是重复的文本)链接到行业描述

我对您的用例了解不够,不知道哪一个更好,但是根据您提供的信息,我可能会选择这两个用例中的一个

编辑:添加第三个选项。事实上,我更喜欢这个

Industry_Name |               Companies
------------------------------------------------------
Accounting    | [ABC Corp]
Advertising   | [AdCo]  
Art           | [ArtOGram]  
Assets        | [StuffCo]  
Audio         | [SoundCo, Bass Inc, and 10 others]  
Causes        | [WeHelp]  
Clubs         | [ClubNet]  
Consulting    | [Foo Cons, Baz Cons, and 24 others]
一个选择是:

Industry_Name | Companies
-------------------------
Accounting    |   (1) 
Advertising   |   (1)  
Art           |   (1)  
Assets        |   (1)  
Audio         |   (12)  
Causes        |   (1)  
Clubs         |   (1)  
Consulting    |   (26)
使数字可点击,并在视觉上清楚地表明它们是可点击的(彩色和下划线链接,使用相当大的字体等)

另一个选择是:

Industry 
-------------------------
Accounting (1) [details] 
Advertising (1) [details]
Art (1) [details]
Assets (1) [details]
Audio (12) [details]
Causes (1) [details]
Clubs (1) [details]
Consulting (26) [details]
行业名称和编号链接到公司详细信息,而[detail]链接(可以是图标,而不是重复的文本)链接到行业描述

我对您的用例了解不够,不知道哪一个更好,但是根据您提供的信息,我可能会选择这两个用例中的一个

编辑:添加第三个选项。事实上,我更喜欢这个

Industry_Name |               Companies
------------------------------------------------------
Accounting    | [ABC Corp]
Advertising   | [AdCo]  
Art           | [ArtOGram]  
Assets        | [StuffCo]  
Audio         | [SoundCo, Bass Inc, and 10 others]  
Causes        | [WeHelp]  
Clubs         | [ClubNet]  
Consulting    | [Foo Cons, Baz Cons, and 24 others]

列表:咨询(26)、资产(1)等?谢谢Radagaisus,对不起,我更新了问题,显示行业名称已经是一个超链接,所以问题是我需要两个超链接,如何命名它们。你的模型是什么?这将告诉你你需要知道的。在你最近的编辑和评论之后,你想得到什么?你能在你的问题中提供一个(经过编辑的)例子吗?您不想要公司(x)?你还要别的吗?关于这些元素,您还有哪些其他数据可以让您扩展这些信息?这可能更适合列表:咨询(26)、资产(1)等?谢谢Radagaisus,对不起,我更新了问题,以显示行业名称已经是一个超链接,所以问题是我需要两个超链接,两个都叫什么名字?你的型号是什么?这将告诉你你需要知道的。在你最近的编辑和评论之后,你想得到什么?你能在你的问题中提供一个(经过编辑的)例子吗?您不想要公司(x)?你还要别的吗?关于这些元素,你还有哪些其他数据可以让你扩展这些信息?这可能是一个更好的对话,因为这很好,伊恩,我感谢你花时间在这方面。我已经考虑过第一种选择,但我就是不喜欢超链接(1),你知道吗?只是看起来很难看。我更愿意以某种方式赋予链接更好的语义。第二个选项以重复“详细信息”而不是“公司”结束,因此无法真正满足我不需要以这种方式重复元素的需要(我知道超链接已移动,但本质是相同的)。有时你无法避免重复元素。我很想看看是否有其他人提出了一个绝妙的解决方案——问这个问题很好——但我认为这可能是一个你可以选择复制什么的案例。一个重要的考虑因素是每一个都有多少数据——例如,工具提示可以用于“关于公司的详细信息”。或者你可以在“详细信息”下列出前几个项目和一个(更多)。我会把它作为另一个选项编辑到我的答案中。我喜欢第三个选项!凭借我新的jQuery技能,我想我会在[]之间的所有内容下划下划线(表示链接),然后让一个部门公开列出其他公司。所以我想我会先填充所有div,然后隐藏它们,然后在点击[]内容时显示它们。或者超链接每个公司,加上“其他人”,让“其他人”显示部门,然后每个公司都是个人详细信息的链接。无论如何,跳出框框思考+35!。太好了,伊恩,谢谢你花时间在这件事上。我已经考虑过第一种选择,但我就是不喜欢超链接(1),你知道吗?只是看起来很难看。我更愿意以某种方式赋予链接更好的语义。第二个选项以重复“详细信息”而不是“公司”结束,因此无法真正满足我不需要以这种方式重复元素的需要(我知道超链接已移动,但本质是相同的)。有时你无法避免重复元素。我很想看看是否有其他人提出了一个绝妙的解决方案——问这个问题很好——但我认为这可能是一个你可以选择复制什么的案例。一个重要的考虑因素是每一个都有多少数据——例如,工具提示可以用于“关于公司的详细信息”。或者你可以在“详细信息”下列出前几个项目和一个(更多)。我会把它作为另一个选项编辑到我的答案中。我喜欢第三个选项!用我新的jQuery技巧,我想我会在所有的t下面划线