Conditionally display pure HTML elements

Question

I would like to conditionally display the following elements:

Answer 1

You can wrap your elements inside a h:panelGroup and use your condition on the rendered attribute of the panelgroup.

<h:panelGroup rendered="...">
  <li>
    <h:link outcome="mypage" value="My Value" />
  </li>
<h:panelGroup>

Answer 2

There's another reason to not use <f:verbatim>: it's deprecated in JSF 2.0.

Use <ui:fragment>. It's semantically more correct than a <h:panelGroup> (which by itself indeed renders nothing when no client side specific attributes are specified) and has also a bit less overhead.

<ui:fragment rendered="#{bean.show}">
    ...
</ui:fragment>

(note: due to some bug, Netbeans seems to jerk that this attribute isn't supported, but this is untrue, it's definitely supported)