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

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

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

遍历页面元素

向上或向下箭头键可帮助您在实时视图中遍历页面元素。遍历基于文档的 DOM 结构进行。
实时视图中的键盘导航有助于轻松访问嵌套和封装元素。
使用向上或向下箭头键访问某元素时,将出现该元素的“元素显示”。然后,可以导航到“元素显示”中的选择器或按 Enter 直接在实时视图中编辑文本。
图像会首先处于“焦点”状态
这里图像会首先处于焦点状态。当按向下箭头键时,将会选择该图像下方的段落,如下一图像所示。

已选择粗体格式的文本
已选择粗体格式的文本。

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

遍历选择器

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

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

 

推荐阅读