Umar Hansa
По сути, это операции вырезания/копирования и вставки.
Вы можете легко изменить DOM без необходимости редактировать HTML как гигантскую строку.
- Щелкните правой кнопкой мыши узел и выберите «Копировать» .
- Вы можете вставить его в редактор кода или для создания прототипа вставить узел DOM в другое место дерева DOM. Вставленный узел вставляется как дочерний элемент текущего выбранного узла. В видео я использую клавишу со стрелкой влево, чтобы перейти к непосредственному родительскому открывающему тегу и вставить его туда (что я и делаю в большинстве случаев).
Вы также можете вырезать (щелкните правой кнопкой мыши > Вырезать, Cmd + x/Ctrl + x) узел DOM и вставить его, что приведет к перемещению узла.
Эксперимент: попробуйте добавить больше ссылок в верхний или нижний колонтитул сайта, используя технику копирования и вставки, и выясните, в какой момент макет нуждается в улучшении.