en programacion conozco semantica por el significado de las expresiones o instrucciones. a lo que tu te refieres no se si tenga un nombre pero no creo que sea semantica. en todo caso, para separar el contenido de la programacion, desde el script tienes que obtener la referencia del elemento que le quieras agregar el evento o lo que fuera. la forma mas sencilla de obtener la referencia es asignandole un ID al elemento y luego capturarlo con getElementById.
Código:
<h1 id='header'>Encabezado</h1>
document.getElementById('header')
una vez obtenga la referencia haces con él lo que necesites. segun tu codigo, es asignar un evento e invocar una funciona pasando como parametro el elemento en si. usando el mismo ejemplo anterior.
Código:
document.getElementById('header').onclick = function(){
invocar_funcion(this);
}
por supuesto, esto es un ejemplo utilizando evento de raton y elemento H1. pero es igual de aplicable a cualquier elemento y evento.