如何仅用HTML a标签实现弹窗屏幕居中且不使用JavaScript？

仅使用纯HTML的a标签无法实现弹窗在屏幕居中的效果，不存在对应的原生HTML属性可以满足这个需求。

相关说明

• HTML a标签的所有原生属性里，只有target属性能控制链接的打开方式，可选值仅包含_self、_blank、_parent、_top以及自定义的窗口名称，没有任何属性支持配置弹窗的位置、尺寸参数。
• 你当前代码里的弹窗尺寸控制本身已经是JavaScript的window.open方法提供的能力，不属于HTML的功能范畴。如果你可以接受保留少量JS逻辑，只需要在现有代码基础上补充计算居中坐标的逻辑即可，修改后的参考代码如下：

<a href="http://mywebsite.com" 
  target="popup" 
  onclick="const popupWidth = 600, popupHeight = 600;
  const popupLeft = (window.screen.width - popupWidth) / 2;
  const popupTop = (window.screen.height - popupHeight) / 2;
  window.open('http://mywebsite.com','popup',`width=${popupWidth},height=${popupHeight},top=${popupTop},left=${popupLeft}`); 
  return false;">
    Open Link in Popup
</a>

内容的提问来源于stack exchange，提问作者noobmaster