
これらは基本的に、切り取り、コピー、貼り付けの操作です。
HTML を大きな文字列として編集することなく、簡単に DOM を変更できます。
- ノードを右クリックして [Copy] を選択します。
- DOM ノードはコードエディタに貼り付けることができます。プロトタイピングの場合は、DOM ツリーの別の場所に貼り付けることもできます。貼り付けたノードは、現在選択されているノードの子として挿入されます。動画では、左矢印キーを使用して直近の親の開始タグに移動し、そこに貼り付けます(ほとんどの場合、このようにしています)。
DOM ノードを切り取って(右クリック > [切り取り]、Cmd + X/Ctrl + X の順に選択)貼り付けて、ノードを移動することもできます。
テスト: こちらのコピーして貼り付けの手法を使用して、サイトのヘッダーまたはフッターにリンクをさらに追加して、どの時点にレイアウトを改善する必要があるかを調べます。