xmoonlight

Ты ж номер1 - а такие вопросы задаёшь)))
preg_match()

Делайте интерактивные презентации и обучающие игры на Unity.

Родная документация.
PS: лайки - не ставить!

Вопрос: как сделать так, чтобы, когда пользователь откроет блок и решит авторизироваться, то после перезагрузки страницы этот блок был открытым.

Используйте сохранение состояния: сессия пользователя, сохранение параметра ("флага") состояния в куках/localStorage.

Или можно сохранить состояние между запросами прямо в URL (после открытия меняйте URL через history и добавляйте в него параметр).
http://site.com/page24324.html?logon
проверяйте через JS этот параметр сразу после загрузки страницы и, если он присутствует, разверните нужный блок.

<img src="clock-demo-thumb-200.png" 
      alt="Clock" 
      srcset="clock-demo-thumb-200.png 200w, clock-demo-thumb-400.png 400w"
      sizes="(min-width: 600px) 200px, 50vw">

CMS - это система управления контентом (простые готовые "рельсы" для блога и подобного).
HTML/CSS/JS - это фронт-енд.
php/mysql - это бэк-енд.

Что общего между ними?!
Для пары/тройки CMS - нужно изучить грамотное создание шаблона, чтобы люди могли его легко инсталлировать и пользоваться.

А PHP и CMS - здесь ничего общего....
Изучите любой PHP фреймворк для начала - я бы посоветовал микро-фреймворк fatfree.

Не-е.... Вот тут круче и без JS.

Здесь подробно расписано: как посчитать.

Вот.

1. div, article (+div)
2. section (+article (+div) или просто +div)
3. aside (+div)

Пример: stumper.ru/demo (view-source) - Проверка W3C

Два варианта:
1. Можно закрыть в robots.txt по "маске".
На сайте - нужно все линки с редиректом держать в отдельной секции/папке (речь про URI).
2. Просто по User-Agent сортируйте и всё.
Робот - линк не отображаем, юзер - отображаем.

Можно использовать любой или сразу оба.

Имя файла, к которому обращаетесь, рандомите в аякс-запросе и всё (1.js, 2.js, 3.js).

SPA - includeHTML

Лучше всего - ни в какие.

Какие цели Вы преследуете при попытке получить фидбэк?
1. Контроль и правильность разметки - можно проверить сервисами самому.
2. Сходство макета со свёрстанной страницей - тоже можно отследить.
3. Адаптивность и JS - главное, чтобы правильно работало на разных устройствах.

Если все пункты выполнены - значит сверстали верно.

<template>test</template>
<script>
 console.log(document.querySelectorAll('template')[0].innerHTML); //test
</script>

https://select2.github.io/

Визуализацию - можно и нужно сделать на CSS.
Функциональность (изменение счётчика по нажатию на кнопки) - только на JS.