Dreamweaver CC教程：实时视图中的键盘导航

Dreamweaver CC教程：实时视图中的键盘导航

实时视图中的键盘导航
可以使用键盘在“元素显示”中遍历页面元素或选择器以加快编辑过程。 

遍历页面元素

向上或向下箭头键可帮助您在实时视图中遍历页面元素。遍历基于文档的 DOM 结构进行。
实时视图中的键盘导航有助于轻松访问嵌套和封装元素。
使用向上或向下箭头键访问某元素时，将出现该元素的“元素显示”。然后，可以导航到“元素显示”中的选择器或按 Enter 直接在实时视图中编辑文本。

这里图像会首先处于“焦点”状态。当按向下箭头键时，将会选择该图像下方的段落，如下一图像所示。

已选择粗体格式的文本。

已在此处选择段落。当您再次按向下箭头键时，将选择 DOM 结构中的下一个元素，即粗体格式的文本，如下一图像所示。

遍历选择器

按 Tab 键可遍历“元素显示”中的选择器。处于“焦点”状态的选择器以琥珀色边框显示，如下所示：

处于“焦点”状态的选择器以琥珀色边框突出显示。

如果在应用最后一个选择器后按 Tab 键，将会出现“添加选择器”文本框。 
注意:
可使用 Ctrl+[ 或 Cmd+[ 选择父元素，Ctrl+] 或 Cmd+] 选择子元素。