자동 초점 = "자동 초점"입니까 아니면 자동 초점입니까?


87

이전 버전의 HTML (HTML5 이전)에서 대부분의 (아마도 모두) 속성이 readonly="readonly".

HTML5 및 autofocus속성에 해당합니까?


1
stackoverflow.com/questions/1033944/… 둘 다 부울 속성에 관한 것이기 때문에 중복 가능성이 있습니다 (플래그되지 않음)
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功

나는 그들이 비슷하다는 데 동의하지만 다른 속성에 대해 묻기 때문에 약간 다릅니다.
Darryl Hein

1
자동 초점 만 작동합니다. FF, Opera 및 Chrome에서 테스트했습니다.
Sohail Arif 2016 년

답변:


94

HTML에서는 원하는대로 값이 있거나없는 부울 속성을 사용합니다. 자동 초점과 같은 W3C의 경우 부울은 이와 같이 작성 autofocus되거나 autofocus="autofocus"또는 autofocus="".

자동 초점을 원하지 않으면 작성하지 마십시오.

XHTML에는 모든 속성에 대한 값이 필요하기 때문에 혼란스러워하는 것 같습니다 attributes="values"..

다음은 HTML에서 부울 속성 사용에 대한 몇 가지 정보입니다. http://www.whatwg.org/specs/web-apps/current-work/multipage/common-microsyntaxes.html#boolean-attribute


19
XHTML을 언급하면 ​​+1. XHTML의 XML 적합성은 disabled="disabled". 닫는 태그도 마찬가지입니다. HTML에서 모든 태그를 닫을 필요는 없지만 (예 : br 또는 입력) XHTML은 유효한 XML이어야하므로 닫는 태그도 필요합니다.
Tim Büthe 2014 년

4
"XHTML은" "가 있었던 유일한 이유 disabled="disabled"입니다. 그리고 SGML은 XHTML이 silly="silly"단지. 대신 bool 구문을 사용 whatever="true"하는 유일한 이유이며 HTML이 this="false"이것이 true를 의미 할 수 있는 유일한 이유 입니다. :)
Sz.

52

HTML5 사양을 인용하고 Pekka에서 약간 확장 :

http://www.w3.org/TR/html5/forms.html#autofocusing-a-form-control:-the-autofocus-attribute :

autofocus 속성은 부울 속성입니다.

http://www.w3.org/TR/html5/infrastructure.html#boolean-attributes :

요소에 부울 속성이 있으면 참 값을 나타내고 속성이 없으면 거짓 값을 나타냅니다.

속성이있는 경우 해당 값은 선행 또는 후행 공백없이 속성의 표준 이름에 대해 ASCII 대소 문자를 구분하지 않는 일치 값이거나 빈 문자열이어야합니다.

결론 :

다음은 유효하고 동등하며 참입니다 .

<input type="text" autofocus />
<input type="text" autofocus="" />
<input type="text" autofocus="autofocus" />
<input type="text" autofocus="AuToFoCuS" />

다음은 유효하지 않습니다 .

<input type="text" autofocus="0" />
<input type="text" autofocus="1" />
<input type="text" autofocus="false" />
<input type="text" autofocus="true" />

속성이없는 것은 false에 대한 유일한 유효한 구문입니다 .

<input type="text"/>

추천

유효한 XHTML, 사용을 쓰고 걱정하는 경우 autofocus="autofocus"때문에, <input autofocus>무효가되어, 다른 대안은 덜 읽을 수 있습니다. 그렇지 않으면 <input autofocus>더 짧기 때문에 사용 하십시오.


1
"관심이 있다면 ... XHTML". 아니. 죽게 놔둬
Dem Pilafian

22

아니요 , 속성 자체를 지정하는 것으로 충분합니다. HTML 4 에서도 그랬습니다 .

많은 속성이 부울 속성 입니다. 요소에 부울 속성이 있으면 참 값을 나타내고 속성이 없으면 거짓 값을 나타냅니다.

속성이있는 경우 해당 값은 선행 또는 후행 공백없이 속성의 표준 이름에 대해 ASCII 대소 문자를 구분하지 않는 일치 값이거나 빈 문자열이어야합니다.

예:

<label><input type=checkbox checked name=cheese disabled> Cheese</label>

10
팀에게 허용 대답을했다 ... 그는 : 당신보다 더 많은 담당자를 필요로
대릴 하인
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.