html - 截断 URL 以使其适合布局的最佳方法是什么

Question

在网页中显示 URL 时截断 URL 的最佳方法是什么？我的意思不是链接，而是字面上将 URL 作为值显示给用户，假设文本可能位于固定宽度的容器中，并且您不想换行或在容器外运行？

从末尾截断是否更好，有利于 url 的早期部分:

例如。 http/really.long/urlthaticantf...ere.html

或者将“...”放在中间以支持链接的开头和结尾作为提供上下文方面的最大值(value):

例如。 http/really.long/ur...aticantfithere.html

此外，在选择截断 URL 的长度时，什么是好的经验法则？您是否应该悲观并选择一个可能的宽字符(例如大写字母“M”)并查看其中有多少适合布局？这通常会给出非常短的 URL，因为大多数字符都比“M”窄得多。

或者您是否应该保持乐观并使用通常提供良好长度但在 URL 包含许多大字符时有超限风险的截断？

Answer 1

我的偏好是显示 URL 中最关键的部分。这是被请求的文件，请求的域是我认为关键的，中间路径和查询字符串是我认为非关键的。

所以如果你有 http://www.Example.com/archives/2005/08/09/something.html ，我会将其截断为 www.Example.com/.../something.html

当然，在某些情况下这是行不通的。取这个页面的URL:

What's the best way to truncate a URL so that it fits within a layout

在这种情况下，我会将 URL 的最后部分截断为合理数量的字符(最好在非字母上截断)，例如:

stackoverflow.com/.../whats-the-best...