Confundís un poco algunos conceptos, según entiendo. La semántica en web se relaciona más bien con esto:
http://es.wikipedia.org/wiki/Web_sem%C3%A1ntica. Creo que lo que estás tratando de hacer es usar lo que está de moda llamar javascript no invasivo, que consiste en separar el código javascript del html.
Bueno, la e, que viste en el código está relacionada con el objeto event, que tiene varios usos, entre ellos, determinar cuál es elemento que lanza el evento. Igualmente, en el ejemplo que te dejé no es necesario incluirlo, aunque en otros casos sí puede ser útil. Para pasar argumentos en ese tipo de llamadas a funciones, lo que se puede hacer es envolver la función que requiere argumentos dentro de una función anónima. Ejemplo:
Código PHP:
function hacer(algo){alert(algo);}
document.getElementById('pp').onclick=function(){hacer('esto');}
Aunque, también sería bueno, en lugar de usar ese tipo de asignación, usar uno más potente, que es la asignación de eventos vía DOM. Pero ese tipo de asignaciones es más complejo, ya que se hace de manera diferente para explorer y para el resto de los navegadores. Si querés aprender acerca de eso, te recomiendo que leas esto:
http://kusor.net/traducciones/brainj...vents1.es.html
Otra cosa que deberías leer sería esta:
http://www.dustindiaz.com/javascript-no-no/