What are these symbols?

[n2n1]

Somebody clarify what these symbols appeared in the controls.xml (since A16).

How to use them?

 

example:

<simplebutton>
	<rect name="[color="#00FFFF"]${name}[/color]" depth="[color="#00FFFF"]${depth|3}[/color]" pos="[color="#00FFFF"]${pos|0,0}[/color]" width="[color="#00FFFF"]${width|200}[/color]" height="[color="#00FFFF"]${height|32}[/color]" enabled_font_color="[color="#00FFFF"]${enabled_font_color|[labelColor]}[/color]" disabled_font_color="${disabled_font_color|[disabledLabelColor]}" controller="SimpleButton" visible="${visible|true}">
		<sprite depth="1" name="border" sprite="${bordersprite|menu_empty2px}" pos="0,${Round(-height/2,0)|-16}" color="${bordercolor|[black]}" type="sliced" fillcenter="false" foregroundlayer="true" pivot="${pivot|left}" />	
		<button name="clickable" pos="0,${Round(-height/2,0)|-16}" sprite="${defaultsprite|menu_empty}" defaultcolor="${defaultcolor|[mediumGrey]}" disabledcolor="[darkGrey]" hoversprite="${hoversprite|ui_game_select_row}" hovercolor="${hovercolor|[white]}" selectedsprite="${selectedsprite|ui_game_select_row}" selectedcolor="${selectedcolor|[mediumGrey]}" foregroundlayer="${foregroundlayer|true}" type="sliced" hoverscale="1.0" pivot="${pivot|left}" tooltip_key="${tooltip_key|}" />
		<label depth="2" name="btnLabel" width="${width|200}" height="${height-2|30}" pos="0,${Round(-height/2,0)|-16}" justify="${justify|center}" text="${caption|}" text_key="${caption_key|}" effect="outline" pivot="${pivot|left}" font_size="${font_size|28}" />
	</rect>
</simplebutton>

 

what is this: $ | } and so on.....???

[Guppycur]

Just a way to distinguish a variable and a parameter.

 

${variable|parameter}

[n2n1]

Just a way? Like a another way of spelling?

They do not carry additional management capabilities? But, then, for what?