pimd
pimd copied to clipboard
Trailing processing instructions should be related to <img>/<a>
Current situation
Usually processing instructions have defined the paragraph as their element
:
Lorem <?pi?> ipsum
pi.element
refers to the <p>
which will contain Lorem ipsum
.
Proposed change
When a processing instruction is following a link/image, it would be useful if it’s pi.element
refers to the <a>
/<img>
:
Lorem [ipsum](ipsum.html)<?pi?> dolor
Lorem <?pi?> dolor
Example usage
This way it would be easy to access attributes like adding an ID, classes, or attributes:
Lorem <?: #my-image ?> dolor
Lorem <?: .big-image ?> dolor
Lorem <?: [width=100%] ?> dolor