html - <span> vs <figure> vs <area> -
i'm wondering difference between 'span' , new html5 tags 'figure' , 'area'. what intended purpose of each, , appropriate uses? example, use 'span' background image rather 'img' tag prevent image being selectable; best element accomplish this? <span> inline element, used inline div. "generic wrapper phrasing content not represent anything." ( w3c spec ) <figure> used alongside <figcaption> element mark "can moved away main flow of document without affecting document’s meaning." ( w3c spec ) <area> making image maps, , used inside <map> element. in case, i'd recommend using div instead, or img tag transparent png content background image. use img tag user-select:none; usual prefixes instead stop image being selectable.