HTML5에서 iOS 관련 메타 태그 사용 - HTML5에서 인형

HTML5에서 iOS 전용 메타 태그 (iPhone, iPod touch 및 iPad 용 Apple 운영 체제)를 포함 할 수 있습니다. 이 태그를 사용하면 iPhone 또는 iPad의 터치 스크린을 통해 사이트가 표시되는 방식이나 사용자가 웹 사이트와 상호 작용하는 방식을 제어 할 수 있습니다.

방문자가이 기능을 지원하지 않는 장치를 사용하여 사이트에 도착하면 브라우저는이를 무시합니다. 다음은 iOS 관련 태그에 대한 간략한 소개입니다.

• 하지만 이러한 장치의 디자인을 처음부터 최적화 한 경우 불필요하고 혼동을 줄 수 있으므로 사용자가 패닝 및 확대 / 축소를하지 못하게 할 수 있습니다.

  iPhone 또는 iPad 화면에 완벽하게 맞도록 설계된 페이지의 이동 및 확대 / 축소 기능을 차단하려면 창을 자체 폭으로 설정하고 차단하는 메타 뷰포트 태그를 사용하십시오. scaling:

  이 뷰포트 메타 태그 설정은 사이트가 작은 iPhone 화면에 완벽하게 맞도록 설계된 경우에 가장 적합합니다. 사이트가 작은 화면에 최적화되어 있지 않은 경우이 메타 태그를 사용하지 않는 것이 가장 좋습니다. 방문자가 페이지의 섹션을 확대하고 콘텐츠를 읽는 데 필요한만큼 스크롤 할 수있게하려는 것입니다.

• apple-mobile-web-app-capable -이 메타 태그는 Safari 브라우저에 iPhone 또는 iPod의 화면 상단과 하단에 탐색 옵션이 필요하지 않음을 알려줍니다 접촉. 또한 iPad 화면 상단의 탐색 옵션을 제거합니다.

  누군가가 웹 사이트를 처음 방문하면이 기능이 작동하지 않습니다. 웹 클립 아이콘을 저장하여 사이트 방문자가 페이지를 북마크 한 경우에만 작동합니다. 누군가가 웹 클립 아이콘의 링크를 사용하여 사이트를 방문하면이 메타 태그는 탐색을 숨 깁니다.

  이 태그를 사용하기로 선택한 경우 사이트에서 브라우저가 제공하는 일반적인 탐색 옵션이 필요하지 않은지 확인해야합니다. iPhone과 iPad의 상단과 하단에있는 막대를 제거하면 설계에 중요한 부동산을 얻게되지만이 화살표와 기타 장치에 내장 된 탐색 기능을 잃게됩니다.

  이 옵션을 사용하는 경우 방문자가 웹 사이트를 탐색하는 데 도움이되는 탐색 요소가 웹 사이트에 있는지 확인하십시오.

• apple-mobile-web-app-status-bar-style - iPhone 또는 iPad의 기본 툴바 스타일은 검정색으로 불투명합니다. 상태 표시 줄의 스타일을 반투명 검정으로 변경하려면 다른 iOS 관련 메타 태그를 사용할 수 있습니다. 이 메타 태그는 사용자가 웹 클립 아이콘의 링크를 통해 웹 사이트를 방문하는 경우에만 작동합니다.

두 개의 인터페이스 막대를 모두 제거하고 상태 표시 줄을 반투명으로 설정하면 iPhone 및 iPod touch의 Safari에서 추가로 124 개의 수평 픽셀 선이 화면에 나타납니다.그것은 작은 화면에서 25 % 이상의 공간입니다! 반투명 검정색 상태 표시 줄을 사용하면 페이지 내용이 상태 표시 줄 아래로 흐르게 할 수 있습니다.