什么是H5外链和内链?
H5外链和内链是网页设计中常用的两种链接方式。所谓外链,指的是在当前网页中加载并打开一个外部链接所对应的网页,在打开的新窗口中显示外部页面。而内链则是指连接的网站仍位于同一域名下,打开的页面仅对该域名内的原始客户端浏览器而言,且该页面不会在新窗口中打开。
H5中打开外链后如何返回?
当在H5页面中打开外部链接时,用户便会进入到另一个网页中。通常情况下,打开的外部链接会在新的窗口中打开,与原网页无关。当你希望返回原网页时,有以下两种方法:
- 在新打开的窗口中,按浏览器自带的“返回”按钮,就可回到原网页。
- 在原网页中通过代码设置新打开窗口为顶层或全屏窗口,如下所示:
```
window.top.location.href = 'http://www.example.com';
```
这样设置就可实现在新打开的窗口中打开链接后自动返回到原网页。该设置也被广泛应用在H5页面开发中,让用户更加方便、快速地浏览多个页面。
在设计中如何优化外链和内链?
在设计网站时,我们可以根据具体情况采用不同的链接方式。如下列一些优化方法:
- 外链可以增加网站内容的可读性和互动性,尤其是在引用外部的资源、文章、图片等资源时,能有助于提升网站页面的整体性和价值。对于微信公众号等同时封闭的应用场景,可以将外部链接嵌入内部打开。
- 内链可以丰富网站的内容、加强网站优化。对于某些利用Ajax异步更新数据的网站,内链会更能体现其高效、流畅的用户体验。
- 为了避免内外链接过于远离内容主体,打开新窗口时可以设置窗口大小、样式等。在内链或外链内加入广告,请注明链接很有必要。另外,在使用外部链接时,注意确认对其来路及可靠性,以免误入某些不良网站和病毒陷阱。
综上所述,在设计H5页面时,既要遵从链接默认性质的规定,也要对内、外链接按照具体处理策略,把握它们能带来的价值和影响。