CSS3 및 HTML의 숨겨진 기능/속성/속성/태그 [폐쇄
문제
CSS 및 HTML 세계에는 항상 기능이 있습니다.속성/속성/태그) 그것은 프린지 시나리오에서 유용하지만 바로 그 이유 때문에 대부분의 사람들은 그들을 모릅니다. CSS, CSS3 및 HTML5에 관한 교과서에서 일반적으로 가르치지 않는 기능을 요구하고 있습니다.
당신이 아는 사람들은 무엇입니까?
업데이트HTML 태그와 CSS3 요소를 채택하는 브라우저는 무엇입니까? 그리고 제 비즈니스를위한이 새로운 기술 (HTML5)을 전달할 수 있습니까?
해결책
나에게 대부분의 사람들이 발견하지 못하는 HTML 및 CSS의 한 영역은 HTML 요소가있는 광범위한 국제화 지원입니다. <ruby>
, 같은 속성 hreflang=""
, 및 CSS가 좋아요 {list-style-type: cjk-ideographic;}
. 분명히 내가이 모든 것을 사용했지만 대다수의 사람들은 필요하지 않을 것입니다.
두 번째 (WOOPS, 업데이트) 질문에 답하기 위해 브라우저는 HTML5 및 CSS3 사양의 다른 부분을 구현하고 다른 속도로 구현하고 있습니다. 일반적으로 WebKit 브라우저 (Safari, Mobile Safari, Crome) 및 Firefox는 가장 빠른 일을 구현하고 있으며 Opera는 좋은 일을하고 있으며 Internet Explorer는 코너에 취했습니다. @Kobi의 답변에는 브라우저가 무엇을 지원하는지에 대한 링크가 있습니다.
비즈니스 사이트에 대한 이러한 새로운 사양에 의존 할 수있는 시점과 관련하여, 사용자와 사용하는 브라우저에 전적으로 의존합니다. 귀하의 사이트가 iPhone 사용자를 대상으로하는 경우 이미 많이 사용할 수 있습니다. 그러나 이것이 문제에 대해 생각하는 가장 좋은 방법은 아닙니다. 둥근 코너, 드롭 그림자 및 CSS 그라디언트와 같이 구현 된 대부분의 CSS3 속성은 실제로 정말 잘 저하되어 현재이를 사용하여 사용자에게 좋은 브라우저를 보상 할 수 있습니다. 이 아이디어를 진보적 인 향상이라고합니다.
HTML5의 경우 정의 된 오류 처리가있는 90% HTML4이므로 html5로 변경하는 것은 DocTyp을 변경하는 것만 큼 쉽습니다. 다른 변경 사항은 필요하지 않습니다. 새로운 시맨틱 요소를 사용하지 않으면 IE는 HTML5에 아무런 문제가 없습니다. HTML5 DocType의 이점은 더 유익한 오류 메시지를 가진 두 개의 유효성 검사기를 참조하는 훨씬 더 나은 사양입니다 (@Marius가 HTML5를 의미한다고 생각합니다. 형태 검증) 및 ARIA 역할을 사용하는 능력. 나는 기사를 썼다 HTML4/XHTML1에서 HTML5로 변경합니다, 그리고 그렇게 할 때의 이점을 다루십시오.
HTH
다른 팁
CSS3 및 HTML5의 멋진 새로운 기능의 대부분은 아직 구현되지 않았습니다. 여기에는 다음과 같은 것들이 포함됩니다.
- CSS3 템플릿 레이아웃
- CSS3 attr 예 : [SRC] {내용 : attr (src, url); 모든 항목의 내용을 소스 속성의 URL 내용으로 바꿉니다.
- HTML5 유효성 검사기
참고 사항 http://code.google.com/p/ie7-js/ IE 브라우저가 다른 브라우저가하는 CSS 속성을 지원할 수 있도록 도울 수있는 기능을 제공 할 것입니다.
그리고 지금, 나는 적어도 1 년, 반 동안 다가오는 기술에 크게 의존하지 않을 것이지만 그곳에 도착합니다. 개발자로서 사이트에서 해당 기술의 기능을 현장으로 테스트하는 것이 좋습니다. 그러나 다시 말하면 일반적으로 말하기에는 그다지 놀라운 추가 또는 변화가 있어야 할 것이 없습니다.
그건 그렇고 전형적인 기능이 없다는 것은 무엇을 의미합니까? 귀하의 요구에 따라 현장에서 현장에서 일반적인 기능이 사용되지 않습니다.
예를 들어 대부분의 블로그, 포럼, 온라인 상점, 개인 사이트는 잘 확립 된 최소한의 기능의 영역으로 유지됩니다. 이러한 기능은 잘 문서화되고 널리 테스트되고 사용됩니다. 어떤 종류의 표준.
- Quirks 모드의 크로스 브라우저 지원 - 원하는 기능으로 드릴 다운 할 수 있습니다. 매우 상세하게됩니다.
- 언제 사용할 수 있습니다 - 기능이 공개적으로 준비 될 때 (그리고)를 보여주는 대화식 테이블. JavaScript 교체를 수락하는 편리한 옵션도 있습니다.
<Canvas>
IE6의 경우.