すべてのH1ヘッダーの最後に表示される小さな画像を追加したいのですが、最も簡単な方法は、画像を作成することです。
<h1>Title <img src="image.png" ></h1>
h1タイトルの最後に画像を配置したいので、背景画像を使用したくありません。つまり、画像は変化し、背景は固定することしかできません。
ヘッダータグ内にimgタグがあると、HTML標準で無効なコードになりますか？
HTML5を使用したW3マークアップ検証でこれを実行しました。
<h1>Hello <img src="smiley.gif" alt="Smiley face" height="42" width="42"></h1>
次のエラーが発生します。
行1、列19：要素の先頭に子要素のタイトルの必須インスタンスがありません。
誰もがそれが何を意味するのか知っていますか？
MDNによると、<h1>タグのコンテンツは「フレージング コンテンツ」である必要があり、これには<img>タグも含まれます。
一方、CSS スタイルbackground-positionを使用して、必要に応じて背景画像を揃えることができます。
background-image: url( image.png );
background-position: right;
あなたのページをw3cから検証させてください。彼らはあなたに教えてくれます。http://validator.w3.org/
これは無効ではないと思いますが、@ Ekonion w3.org が示唆しているように、それを確認する正しいオプションです。
これとは別に、必要に応じて cssbackground-positionを使用して画像を背景に配置することもできます。とにかくただの代替:)
それが役に立てば幸い。