Можем ли мы разместить `<img>` внутри `<h1>` в соответствии с веб-стандартами? - PullRequest
54 голосов
/ 22 октября 2009

Можем ли мы разместить <img> внутри <h1> в соответствии с веб-стандартами? как это

<h1> Demo text <img src="anyimage.jpg"/> </h1>

Ответы [ 4 ]

85 голосов
/ 22 октября 2009

Да, вы можете - DTD говорит:

<!ELEMENT h1  %Inline;>
<!ENTITY % Inline "(#PCDATA | %inline; | %misc.inline;)*">
<!ENTITY % inline "a | %special; | %fontstyle; | %phrase; | %inline.forms;">
<!ENTITY % special "%special.pre; | object | img ">

Это в основном означает, что h1 может содержать %Inline, который состоит из различных вещей, включая img

39 голосов
/ 22 октября 2009

Посмотрите, кто его использует: http://www.w3.org/

<h1 class="logo"><a tabindex="2" accesskey="1" href="/"><img src="/2008/site/images/logo-w3c-mobile-lg" width="90" height="53" alt="W3C" /></a> <span class="alt-logo">W3C</span></h1>
15 голосов
/ 22 октября 2009

Да, это разрешено. Но не забудьте установить атрибут alt на img!

3 голосов
/ 22 октября 2009

Да и нет.

Вы можете поместить изображение внутри элемента h1, но не совсем так ... атрибут alt является обязательным.

...