Javascript-форум - Помогите с innerHTML и

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Помогите с innerHTML и  (https://javascript.ru/forum/misc/74101-pomogite-s-innerhtml-i-p.html)

Помогите с innerHTML и 

Дано:

document.querySelector('section').innerHTML   =render('post', data[0])

Вроде все нормально render отдает:

"
<header>
<h2>title1</h2>
</header>
<img src="https://unsplash.it/800/600?image=1">
<p><H1>рапр</h1>
лоорл<i>рапр</i>
олр<iframe width="640" height="360" src="" allowfullscreen></iframe> <ul>
                    <li>SubTest1</li>
                    <li>SubTest1</li>
                    <li>SubTest1</li>
                </ul></p>

"

Но дальше происходит чертовщина и в итоге получаем вот это:

<section>
<header>
<h2>title1</h2>
</header>
<img src="https://unsplash.it/800/600?image=1">
<p></p><h1>рапр</h1>
лоорл<i>рапр</i>
олр<iframe width="640" height="360" src="" allowfullscreen=""></iframe> <ul>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <li>SubTest1</li>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <li>SubTest1</li>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <li>SubTest1</li>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </ul><p></p>

</section>

Есть у ково идеи от чего это ?

Еще пример, render отдал:

"
<header>
<h2>title2 new</h2>
</header>
<img src="https://unsplash.it/800/600?image=2">
<p><i>Class </i>aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec sed nunc eros. Integer rhoncus nibh at nunc imperdiet, id vulputate ligula porttitor. Mauris luctus rhoncus nisl, at gravida enim dictum a. Phasellus vitae gravida nisl, ac aliquet urna. Nulla consequat justo. Fusce aliquam risus id lacus semper varius.<iframe width="640" height="360" src="" allowfullscreen></iframe> <ul>
                    <li>SubTest1</li>
                    <li>SubTest1</li>
                    <li>SubTest1</li>
                </ul></p>

"

в итоге получилось :

<section>
<header>
<h2>title2 new</h2>
</header>
<img src="https://unsplash.it/800/600?image=2">
<p><i>Class </i>aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec sed nunc eros. Integer rhoncus nibh at nunc imperdiet, id vulputate ligula porttitor. Mauris luctus rhoncus nisl, at gravida enim dictum a. Phasellus vitae gravida nisl, ac aliquet urna. Nulla consequat justo. Fusce aliquam risus id lacus semper varius.<iframe width="640" height="360" src="" allowfullscreen=""></iframe> </p><ul>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <li>SubTest1</li>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <li>SubTest1</li>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <li>SubTest1</li>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </ul><p></p>

</section>

кодировку в хед поменяйте на
<head>
<meta charset="UTF-8">
</head>

j0hnik, кодировка тут не причем итак все в utf 8, тут проблема с тегом

https://webref.ru/html/p

в комментах: "Внутри абзаца не должно быть никаких элементов, кроме строчных."

Цитата:

Сообщение от WqR128

j0hnik, кодировка тут не причем итак все в utf 8, тут проблема с тегом

Какая? немного не понятно как и что в итоге получилось
Маловато информации для анализа