- end ▁tag ▁pairs , ▁making ▁it ▁D RY ▁and ▁cleaner . ▁The ▁following ▁example ▁comp ares ▁the ▁syntax es ▁of ▁Ham l ▁and ▁e R uby ▁( Em bed ded ▁Ruby ), ▁alongside ▁the ▁HTML ▁output . ▁ ▁Key ▁differences ▁are : ▁ ▁Ham l ▁doesn ' t ▁have ▁both ▁start ▁and ▁end ▁for ▁each ▁element ▁like ▁e R uby ▁ ▁e R uby ▁syntax ▁looks ▁a ▁lot ▁like ▁HTML ▁and ▁is ▁thereby ▁more ▁HTML - like ▁while ▁Ham l ▁is ▁more ▁CSS - like . ▁ ▁Ham l ▁uses ▁ind entation ▁to ▁nest ▁tag ▁elements ▁whereas ▁e R uby ▁uses ▁the ▁same ▁HTML ▁representation ▁ ▁In ▁Ham l ▁properties ▁like ▁class , ▁id ▁can ▁be ▁represented ▁by ▁. , ▁# ▁respectively ▁instead ▁of ▁regular ▁class ▁and ▁id ▁keywords . ▁Ham l ▁also ▁uses ▁% ▁to ▁indicate ▁a ▁HTML ▁element ▁instead ▁of ▁<> ▁as ▁in ▁e R uby . ▁ ▁Example ▁with ▁embedded ▁Ruby ▁code ▁Note : ▁This ▁is ▁a ▁simple ▁preview ▁example ▁and ▁may ▁not ▁reflect ▁the ▁current ▁version ▁of ▁the ▁language . ▁ ▁! !! ▁% html { ▁: xmlns ▁=> ▁" http :// www . w 3 . org / 1 9 9 9 / xhtml ", ▁: lang ▁=> ▁" en ", ▁" xml : lang " ▁=> ▁" en "} ▁▁ ▁% head ▁▁▁▁ ▁% title ▁Bo B log ▁▁▁▁ ▁% meta {" http - equiv " ▁=> ▁" Content - Type ", ▁: content ▁=> ▁" text / html ; ▁charset = utf - 8 "}