찾다
웹 프론트엔드CSS 튜토리얼[이전] Accesskey_Experience 교환으로 인한 작은 생각

Access key 是什么?~估计除了做 Web 开发的没多少人知道,Access key 是网页提供的快捷键。先回到软件界面,看下我的 Opera 的菜单,我的 Opera 是修改过的,中英文混在一起。
[이전] Accesskey_Experience 교환으로 인한 작은 생각
中文的作法一般都是在文字后面加个括号,里面的键值用下划线标出。而英文一般是把开头当成键值,如有重复的就推到第二第三,如果那个单词比较倒霉,所有字母都有跟别的有冲突又排在最后面的话,一般做法也不会像中文一样加括号标值。而是调整其他的来解决冲突,这年头,视觉第一!中文什么好办法,统一加括号。这是系统提示的热键(比较懒,没去查它叫什么名?),按下 alt+key 可直呼出,不知道有多少人使用鼠标去点多一些。

回到网页中,在网页里,一样有差不多功能的东东。大家叫它Access key,貌是最近流行滴样子。
<tag accesskey="x">标签添加属性accesskey,属性值就是对应的键</tag> 相关资料:http://www.w3.org/TR/1999/REC-html401-19991224/interact/forms.html#access-keys

一般按法也是 alt+key 来选中。不过各浏览器都不大一样。
IE系列使用alt+key,再加Entet回一下下车(如果是链接的话。)
FF2.0以下的是也是使用alt+key,不过如果是链接的话,直接打开,Netscape也是直接按Alt+key
FF2.0的,官方说:网页提供的快捷键 (Access key) 现在在 Windows 上请以 Alt+Shift+Key 来使用,在 Mac OS X 为 Ctrl+key,Unix 则是 Ctrl+Shift+key。,可是我的SUSE上的FF2.0仍然是用 Alt+Shift+Key,不知道是算什么系统。。-_-!!
除了alt+key外还要多按个键的做法是为了避免与浏览器的冲突,想法是好滴,可单手按起来并不方便。
Opera的是按下Shift+Esc 激活accesskey面板。再接Key直接选择,这是我以前做的小站的部分截图
[이전] Accesskey_Experience 교환으로 인한 작은 생각

跟Opera使用方式差不我的还有Konqueror,Konqueror 是个按下Ctrl 激活 accesskey 面板,除去已经分配的 accesskey外,会自动把其他的键按页面链接的顺序按XXX条件分配,字母分完了就分配数字,都分完了后面的就没有。不过Konqueror 这个浏览器,估计没什么人会去用,现在 linux 的发行版大多默认是 Firefox 。

Mac OS X 上的我就不知道。没钱买装的起这种系统的机子。x86的装了n个版本,N台机子,都没装上一个图型界面可用的。如有使用Mac OS的朋友告知一下,也许我哪天会用上Mac不用再想这个问题。

知道了accesskey 怎样操作后,思考一下,它应该用在什么地方。
一般来说,非打字状态下,我左手是放键盘左边或者拿烟,右手抓住鼠标,以防给人抢了。
如果有明显提示的 accesskey 并在 key 是键盘左边,我单手能很方便按到时才可能会使用,我比较懒 ^_#。

为什么说要有明显提示的 accesskey 才可能会使用会使用呢?我以前做的小站。是使用tip来提示的,我连自己做的东西都忘记了,更别说别人的。而如果按一个键要我把整只左手移到键盘的右边,我宁可使用鼠标操作。
那什么是明显的提示呢。看一下小甘甘滴小站吧,注意最上面的导航菜单。英文还是比较好做一点点,可以抽个字母来用,中文的我并没想到什么好一点的办法。也许像窗口的菜单的一样是个办法,中文的字并不能全排进键盘那些键里,就算可以排进去,又有多少人能记得住。

accesskey 的值可以是字母跟数字。一些浏览器并没有解决网页里跟浏览器里的按键冲突。 所以,并非所有的字母都适合使用。同时,一些浏览器的数字并不能使用小键盘里的数字。比如FF,
如果一个人会在网页里使用别人提供 accesskey 的话,理论上他也会使用浏览器上的来完成一些操作。当然,这只是我个人想法,并不知道别人是否也是这样。也许别人跟我一样,IE只是用来调试网页使用的。

如果在网页里使用的 accesskey 与浏览器上的菜单重叠了,比如 "V" 给网页用了,我就不能按 Alt+V, C 这样简单的在IE打开源文件来看,哎!做开发的人一天就知道看代码。 希望有在网页使用accesskey 的朋友不要选择与浏览器的有冲突的键。

메뉴 제외. 또 어디에 자주 사용되나요? 보통 양식의 경우 텍스트를 입력할 때 양손을 사용합니다. 키 범위도 넓습니다. 예를 들어 대만 친구 OOO의 블로그에서는 accesskey를 사용하여 댓글을 작성할 때 입력할 필드를 선택할 수 있습니다. 이렇게 조작하면 정말 편리하지만 평소에는 잘 사용하지 않습니다.
보통 기사를 읽을 때. 오른손을 마우스에 대고 주석을 끌어올 때 첫 번째 입력을 클릭하게 되며, 그 후 일반적으로 다음 입력으로 이동하거나 이전 입력으로 돌아가고 싶을 때 Tab 키를 누르게 됩니다. , Tab+Shift를 누르면 뒤로 이동합니다. Tab 키도 상대적으로 커서 누르기가 더 쉽다고 어떻게 말할 수 있나요?

얘기해 보니 accesskey는 그다지 유용하지 않은 것 같습니다. 사실 우리가 평소에 사용하는 마우스는 있기 때문에 마우스가 없다면 어떨까요? 따라서 모든 사람이 휴대폰을 구입하면 최소한 컴퓨터를 제어할 수 있는 블루투스가 있어야 합니다. 마우스가 실수로 고장난 경우 일시적으로 마우스로 사용할 수 있습니다. 요즘은 대부분의 웹사이트가 탭만으로는 사용하기 어려운데, 사용자 경험을 향상시키기 위해 AJAX 기술을 사용하는 웹사이트가 얼마나 많은데요~ 그러다 보니 마우스 문제가 생기면 탭 하나만 사용할 수도 없습니다.

accesskey 외에도 일부 작업을 완료하기 위해 js에서 특정 키보드 키를 강제로 사용하도록 하는 일부 웹사이트도 있습니다. 예를 들어 홈 버튼을 누르면 홈페이지로 이동하고, 방향키를 왼쪽으로 움직이면 이전 글로, 방향키를 오른쪽으로 누르면 다음 글로 이동합니다. 때로는 사용하기 매우 편리한 반면, 때로는 원래 기능이 사라져서 매우 짜증날 수도 있습니다.

이 사이트에는 그런 기능이 없으니 접근을 시도하지 마세요. 그런데 어젯밤에 친구가 FF2.0을 눌렀는데도 반응이 없는 문제에 대해 물어봐서 자신의 생각을 적어봤습니다. 아마도 다음번에 웹사이트를 수정하게 되면 좀 더 보기 좋게 만들겠습니다. 어쩌면 제가 게으르고 바쁘다는 것은 멋진 핑계일 뿐이므로 수정을 생략할 수도 있을 것입니다.

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
스크린 독자를 탈취시킵니다. 액세스 가능한 양식 및 모범 사례스크린 독자를 탈취시킵니다. 액세스 가능한 양식 및 모범 사례Mar 08, 2025 am 09:45 AM

이것은 우리가 양식 접근성에 대해 한 작은 시리즈의 세 번째 게시물입니다. 두 번째 게시물을 놓친 경우 "사용자 초점 관리 : Focus-Visible"을 확인하십시오. ~ 안에

Smart Forms 프레임 워크로 JavaScript 연락처 양식 작성Smart Forms 프레임 워크로 JavaScript 연락처 양식 작성Mar 07, 2025 am 11:33 AM

이 튜토리얼은 Smart Forms 프레임 워크를 사용하여 전문적인 JavaScript 양식을 작성하는 것을 보여줍니다 (참고 : 더 이상 사용할 수 없음). 프레임 워크 자체를 사용할 수 없지만 원칙과 기술은 다른 형태의 건축업자와 관련이 있습니다.

WordPress 블록 및 요소에 상자 그림자를 추가합니다WordPress 블록 및 요소에 상자 그림자를 추가합니다Mar 09, 2025 pm 12:53 PM

CSS Box-Shadow 및 개요 속성은 주제를 얻었습니다. 실제 테마에서 어떻게 작동하는지에 대한 몇 가지 예와 이러한 스타일을 WordPress 블록 및 요소에 적용 해야하는 옵션을 보자.

내용 부호 ​​속성으로 인라인 텍스트 편집기를 만듭니다내용 부호 ​​속성으로 인라인 텍스트 편집기를 만듭니다Mar 02, 2025 am 09:03 AM

인라인 텍스트 편집기를 구축하는 것은 사소한 일이 아닙니다. 이 프로세스는 대상 요소를 편집 가능하게하여 잠재적 구문 예외를 처리하여 시작합니다. 편집자 생성 이 편집기를 구축하려면 컨텐츠를 동적으로 수정해야합니다.

첫 번째 맞춤형 전환을 만듭니다첫 번째 맞춤형 전환을 만듭니다Mar 15, 2025 am 11:08 AM

Svelte Transition API는 맞춤형 전환을 포함하여 문서를 입력하거나 떠날 때 구성 요소를 애니메이션하는 방법을 제공합니다.

GraphQL 캐싱 작업GraphQL 캐싱 작업Mar 19, 2025 am 09:36 AM

최근에 GraphQL 작업을 시작했거나 장단점을 검토 한 경우 "GraphQL이 캐싱을 지원하지 않음"또는

node.js 및 Express의 Multer와 함께 파일 업로드node.js 및 Express의 Multer와 함께 파일 업로드Mar 02, 2025 am 09:15 AM

이 튜토리얼은 node.js, express 및 multer를 사용하여 파일 업로드 시스템을 구축함으로써 안내합니다. 단일 및 다중 파일 업로드를 다루고 나중에 검색하기 위해 MongoDB 데이터베이스에 이미지 저장을 보여줍니다. 먼저 Projec을 설정하십시오

5 개의 최고의 PHP 양식 빌더 (및 3 개의 무료 스크립트) 비교5 개의 최고의 PHP 양식 빌더 (및 3 개의 무료 스크립트) 비교Mar 04, 2025 am 10:22 AM

이 기사는 Envato Market에서 사용할 수있는 최고의 PHP 양식 빌더 스크립트를 탐색하여 기능, 유연성 및 설계를 비교합니다. 특정 옵션으로 다이빙하기 전에 PHP 양식 빌더가 무엇인지, 왜 사용하는지 이해해 봅시다. PHP 양식

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.