a interactive content not allowed here ⁄a

Interactive content not allowed within the a element

Web Standards classify a element as interactive content (allows users to interact with it; e.g. by clicking on an a element that creates a hyperlink, users navigate toward a new page = interaction).

The next elements, interactive content, can't be nested within the a element

a , audio (if controls attribute present), button , details , embed , iframe , img (if usemap attribute present), input (if not type="hidden"), keygen label , object (if usemap attribute), select , textarea , video (if controls attribute present),

Warning:
interactive content is not allowed within the a element → leads to confusion

Example a syntax

Invalid Syntax
1 2 3 4 5 6 7 8 9 10 11 12 13 14	<!doctype html> <html> <head> <title>...<⁄title> <⁄head> <body> <a href="URL"> <video controls>...<⁄video> <⁄a> <⁄body> <⁄html>

Syntax 1: Invalid the video element with the controls attribute present (= interactive content) cannot be nested inside the a element

a intro a browser display a parents - children a content model: transparent a syntax a download attribute a href attribute a hreflang attribute a rel attribute a target attribute a type attribute a itemprop attribute