链接

最佳实践

开放:当创建链接时，无论是内部的还是外部的，请选择“打开:相同的窗口(将活动屏幕替换为链接屏幕)”。这是为了维护用户的一致性和可用性，允许他们在所有浏览器中使用后退按钮，包括移动浏览器。

外部链接:请不创建外部链接时选择“插入外部链接图标”。这不再是必要的，也不推荐。

字体重量:链接绝不应该用粗体、下划线或斜体来表示强调。

文件类型图标

这些图标将自动添加到文件下载。CSS将识别以下文件类型并附加一个彩色下载图标。

• Word文档(.doc & .docx)
• Excel电子表格(.xls & .xlsx)
• Powerpoint文件(.ppt & .pptx)
• PDF文件(.pdf)

PDF、Word、Excel和PowerPoint文件-对于“"XXXXX”使用ACM中的资产ID。

lta href = " / AssetFactory.aspx吗?did=xxxxx">Link到资产

连接图片

如果您正在将图像链接到文档，则图标也将自动应用。要停止这种情况，可以向锚标记添加nobg类。

页内锚

很少鼓励页面内锚。如果需要，在内联列表中插入到页面顶部的页面内锚的链接:

• 链接1
• 链接2
• 链接3

单击上面的链接跳转到相关的锚。

李< ul类= " inline-list " > < > < a href = " # link1 " >链接1 < / > < /李> <李> < a href = " # link2 " >链接2 < / > < /李> <李> < a href = " # link3 " >链接3 < / > < /李> < / ul >

然后，页面内锚将与一个id一起插入到您希望链接跳转到的位置。此外，您应该添加class="pageAnchor"，以便页面针对粘性导航进行调整。

这是Link 1的锚
 
这是Link 2的锚
 
这是Link 3的锚

---

或者，你也可以使用按钮组:

• 链接1
• 链接2
• 链接3

 
Link 1
 
Link 2
 
Link 3
 

电话号码

使用以下语法使电话号码成为可点击的链接。在台式电脑上，这些链接可能会打开Skype等程序。在移动设备上，这些链接将允许用户拨打该号码。

555-555-1212

< p > < a href = "电话:+ 15555551212 " > 555-555-1212 < / > < / p >