<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<style>
#contents {
padding: 5px;
border: 1px green solid;
}
</style>
</head>
<body>
<fieldset id="contents">
<legend>#contents</legend>
<p>
How about to read <a href="http://wikipedia.org">Wikipedia</a> or visit <a href="http://w3.org"><i>W3.org</i></a> and learn about modern standards?
</p>
</fieldset>
<script>
document.onclick = function(event){
if (event.target.tagName != 'a') return;
let isLeaving = confirm(`do you want go to ${event.target.href} ?`);
if (!isLeaving) return false;
};
</script>
</body>
</html>