主要是剪下/複製及貼上作業。
您不需要將 HTML 編輯為巨量字串,即可輕鬆變更 DOM。
- 在節點上按一下滑鼠右鍵,然後選取「Copy」。
- 您可以貼上程式碼編輯器中,也可以將 DOM 節點貼到 DOM 樹狀結構的其他位置,用於設計原型。貼上的節點會插入目前所選節點的子項。在影片中,我使用向左鍵跳到直接的父項開頭標記,然後貼上該標記 (在多數情況下會這麼做)。
也可以按右鍵 > [剪下],再按 Cmd + x/Ctrl + x 鍵,然後貼上 DOM 節點並貼上,這會產生移動節點的效果。
實驗:請嘗試運用這項複製及貼上技術,在網站標頭/頁尾加入更多連結,並找出版面配置需要改善的時間點。