Umar Hansa
Essas são basicamente operações de recortar/copiar e colar.
Você pode alterar facilmente o DOM sem precisar editar o HTML como uma string gigante.
- Clique com o botão direito do mouse em um nó e selecione Copiar.
- Você pode colar em seu editor de código ou, para prototipagem, colar o nó do DOM em outro lugar da árvore do DOM. O nó colado é inserido como um filho do nó selecionado no momento. No vídeo, uso a seta para a esquerda para acessar a tag de abertura mãe imediata e colá-la (que é o que faço na maioria dos casos).
Você também pode Recortar (clique com o botão direito do mouse > Recortar, Cmd + x/Ctrl + x) um nó DOM e colar, o que tem o efeito de mover o nó.
Teste:tente adicionar mais links no cabeçalho/rodapé de um site usando essa técnica de copiar e colar e descobrir em que ponto o layout precisa ser melhorado.