Web Samurai

body
  header
     nav
  main
      section
      section
      section
      aside
  footer

---- вот она, базовая семантическая разметка для лендинга. Даже если вы не назовёте что-то aside, не будет ничего критичного. Нужно придерживаться семантики, но не надо делать из нее каргокульт, между тем что бы думать час над названием тэга и выбрать div- выбирайте div

1) Находите картинку в разметке с помощью инструментов разработчика (или правой кнопкой по картинке -> просмотреть код):

2) Выше картинки есть элемент canvas.
3) Нажимаете на него мышкой, после чего открываете console, и вводите в неё:

var d = $0.toDataURL("image/png"); // $0 - ссылка на элемент canvas из-за того, что кликнули на него мышкой. можете заменить $0 на поиск элемента по id. document.getElementById('answer')
var w = window.open('about:blank','image from canvas');
w.document.write("<img src='"+d+"' alt='from canvas'/>");

4) Нажимаете enter.
5) Откроется новая вкладка с картинкой.
6) Сохраняете.
7) Профит.

UPD: Способ 2 - по проще.
1. Нажимаем так же правой кнопкой по картинке - посмотреть код
2. Когда откроются инструменты разработчика и картинка подсветится нажимаем delete
3. Снова нажимаем правой кнопкой на картинке -> сохранить как
4. Готово :-)

реально стало интересно как это делается

В разметке приходит граммотно предзаготовленная картинка, нарезанная на блоки определённого размера.
В css картинка прозрачная.
JavaScript берёт эту картинку, перетасовывает её части в нужном порядке и отрисовывает на canvas.
Это лишь моё предположение, но так оно и есть 100%.
Очень хитро :-)

Атрибут price не является стандартным для HTML5. Лучше использовать data-атрибуты, чтобы держать какие-то данные в разметке:


Можно и оставить разметку как в вопросе, тогда значение цены получать через option.getAttribute('price')fiddle

Найти все элементы div и перебирая каждый запрашивать атрибут id, сравнивая его значение с желаемым.

То что браузеры позволяют делать несколько элементов с одинаковым id не значит что это правильно. Идентификатор по определению должен быть уникальным.

Используйте другие атрибуты для этого

у тебя в document.querySelectorAll уже список этих label. зачем тебе перебирать его?
сделай просто arrLabel.length >= 2

Вам на null проверять не $av надо, а $notes. И лучше не null, а is_object

Просто ищите уже элемент с active т.е примерно так:
P.S на сайт не заходил, поидее сработает)

$(".menu-item-has-children").click(function() {
  var self = $(this);
    if (self.hasClass('active')) {
      self.removeClass('active');
    } else {
      $(".menu-item-has-children.active").removeClass('active');
      self.addClass('active');
    }
})

Никакой нельзя. HTML отображется у клиента - в браузере.
А в браузере есть только браузерный javascript.

На сервере вы можете средствами серверного языка генерировать html, который будет выдан клиенту.
Это можно делать на любом языке, который может выполняться на сервере, с разной степенью удобства (есть даже примеры на bash и ассемблере)

Везде это будет делаться по разному, но смысл один - на веб-сервер приходит HTTP-запрос, а программа (aka скрипт) на сервере, в зависимости от данных в этом запросе, сгенерирует HTTP-ответ, который веб-сервер отправит клиенту, который сделал запрос.

Надеюсь, я смог ответить на ваш вопрос достаточно подробно - если что-то непонятно, то пишите в комментарий.

PS: чисто теоретически вы можете скомпилировать код на любом языке в js или wasm и выполнять его в браузере: такое решение точно есть для C/C++, golang, rust, C#, F#, kotlin. На счёт других языков я не уверен.
Но не думаю, что это именно то, что вам нужно.

Laravel - если нужно быстро собрать MVP из говна и палок.
Symfony - для всего остального (хотя лично я и MVP предпочитаю на нем собирать).

Порядок:
1. Yii2
2. Laravel
3. Symfony

Yii2 слишком старый, но очень хорош для старта. Можно подождать Yii3, либо сразу начинать с Symfony. Это вам обеспечит много сложностей, но при этом даст хорошее будущее. Так как в хороших компаниях практически все используют Symfony. Если покажется сложным и не подъёмным - вернитесь к Yii2.

Рекомендую к прочтению:

• Актуален ли Yii2 Фреймворк в 2020?
  
• Какой подход программирования на PHP выбрать в 2020 году?
  

Laravel сейчас маст-хэв для PHP, он не самый лёгкий для начинающего за счёт множества абстракций, но после него легко переехать на много чего можно. Он даёт понимание того, как всё строится. Ну и плюсом по нему сейчас больше всего вакансий за счёт его популярности, а значит ещё и большое сообщество, что тоже плюс.

Какой фреймворк наиболее простой (с низким порогом входа).

Я ни разу не пыхер, но считаю, что лучше взять тот который больше нравится.

Не важно на сколько простой фреймворк вы найдёте - вы не будете его учить, а потом работать, если вам он не будет нравится.

Так что смотрите, какие фреймворки востребованы и выбирайте из них.
Вроде, сейчас наиболее востребованы yii и laravel

Простой - yii2 (еще проще нет смысла)
Тот, что рекомендую - Laravel.

dragenter
Срабатывает, когда перемещаемый элемент попадает на элемент-назначение. Обработчик этого события показывает, что элемент находится над объектом на который он может быть перенесен. Если же обработчика нет, либо он не совершает никаких действий перемещение по умолчанию запрещено. Это событие также используется для того, чтобы подсветить либо промаркировать объект над которым происходит перемещения в случае, если перемещение на данный элемент разрешено. Для детальной информации смотрите Specifying Drop Targets.

https://developer.mozilla.org/ru/docs/Web/Guide/HT...

Через какого-то бота, либо через oauth2 https://core.telegram.org/widgets/login Пример на PHP есть в конце доки.

$grouped = [];

foreach ($arr as $n) {
  $grouped[$n['city']][] = $n;
}

Если тег параграфа невложенный:

$line = "text <p>text \n\n   \n text   \n text </p> text  \n\n \n text";

$line = preg_replace_callback(
    '~<p>[^<]+</p>~',
    function($m){
        return str_replace("\n", '<br>', $m[0]);
    },
    $line
);

echo $line;

Если вы хотите через редактор страницы внедрять php, то используйте woody snippets плагин, для того что бы этот php выводить через шорткод.
Wordpress не позволяет прописывать начистую php в frontend редакторе.