html <a></a> в каждом блоке

[Nunf]

Привет.
Открываю <a> перед li, и закрываю </a> после /li. Почему-то в каждом блоке появляется <a></a>

            <ul>
                <a> тут открываю тег a
                    <li class="news unselectable">
                        <div class="image" style="background: url(/images/slider/slide_1.jpg) no-repeat center center;background-size: cover;"></div>
                        <div class="information">
                            <h1>Добавлен раздел новостей</h1>
                            <p>Был добавлен раздел новостей. Тут Вы можете узнавать о всех событыях нашего проекта</p>
                            <div class="block-bottom">
                                <div class="statistics">
                                    <span data-tooltip="Количество просмотров" data-tooltip-location="top">
                                        <i class="fas fa-eye" aria-hidden="true">
                                            <span> 0</span>
                                        </i>
                                    </span>
                                    <div class="space"></div>
                                    <span data-tooltip="Нравится?" data-tooltip-location="top">
                                        <i class="fas fa-heart" aria-hidden="true">
                                            <span> 0</span>
                                        </i>
                                    </span>
                                </div>
                                <a class="date">11.03.2019 <i class="fas fa-calendar" aria-hidden="true"></i></a>
                            </div>
                        </div>
                    </li>
                </a> тут закрываю тег a
            </ul>
        </div>

В результате:

<ul>

    <a>

                </a><li class="news unselectable"><a>

                                    <div class="image" style="background: url(/images/slider/slide_1.jpg) no-repeat center center;background-size: cover;"></div>

                                    </a><div class="information"><a>

                                        <h1>Добавлен раздел новостей</h1>

                                        <p>Был добавлен раздел новостей. Тут Вы можете узнавать о всех событыях нашего проекта</p>

                                        </a><div class="block-bottom"><a>

                                            <div class="statistics">

                                                <span data-tooltip="Количество просмотров" data-tooltip-location="top">

                                                    <i class="fas fa-eye" aria-hidden="true">

                                                        <span> 0</span>

                                                    </i>

                                                </span>

                                                <div class="space"></div>

                                                <span data-tooltip="Нравится?" data-tooltip-location="top">

                                                    <i class="fas fa-heart" aria-hidden="true">

                                                        <span> 0</span>

                                                    </i>

                                                </span>

                                            </div>

                                            </a><a class="date">11.03.2019 <i class="fas fa-calendar" aria-hidden="true"></i></a>

                                        </div>

                                    </div>

                                </li>



        </ul>

Чоу не так?

 

[fantom]

Открываю <a> перед li, и закрываю </a> после /li

Так нельзя. A должен быть внутри LI. Уровнем више тега LI должны быть только UL или OL

 

[Nunf]

Так нельзя. A должен быть внутри LI. Уровнем више тега LI должны быть только UL или OL

Ля, я пытался поставить в li, но тоже почему-то каша вышла, видимо я где-то что-то не туда поставил или пропустил что-то. Теперь получилось, спасибо