유효성 : iOS에서 사용할 수 있습니다. 안드로이드의 Add to Home Screen 기능은 단지 북마크를 화면에 추가하는 것일 뿐 추가적인 기능은 제공하지 않는다. 하지만 아이폰 사파리에서 웹 페이지에 대해 이렇게 + 를 눌러 “홈 화면에 추가”후 실행하면 iPhone 에서는 Mobile Web App 으로 동작하게 된다. 이때 Web App 의 지원을 위해 모바일 사파리는 몇 가지 태그를 지원한다. 모바일 웹 앱 개발자는 head 섹션에 아래의 4가지 태그를 추가할 수 있다. 이렇게 4가지 기능을 지원함으로써 HTML5 기반의 Local 또는 Online Web Application 들이 마치 Native App 처럼 실행하는 효과를 지원할 수 있다. 태그 설명
파비콘 웹페이지에 접속했을때, 상단 탭에 보여지는 아이콘을 일컫습니다. 파비콘(favicon) 실전 정리 적어도 아래의 ICO 파일은 준비합니다./p> 크기 파일명 용도 16x16 & 32x32 favicon.ico IE를 위해 필요한 기본입니다. 조금 느려지더라도 iOS와 Android를 고려하겠다면 아래와 같은 PNG 파일을 준비합니다. 크기 파일명 용도 152x152 favicon-152.png 일반적으로 iOS와 Android에서 사용하는 아이콘, 기기에 따라 자동으로 크기가 줄여집니다. 좀 더 완벽한 파비콘을 설정하기 원한다면 아래의 표를 참고하여 PNG 파일을 준비하도록 합니다. 크기 파일명 용도 32x32 favicon-32.png 일부 오래된 하지만 너무 오래된 Chrome은 ICO를 제대..
블록 요소 & 인라인 요소(Block/inline) 블록 요소는 박스, 인라인 요소는 텍스트를 의미합니다. 블록 엘리먼트(Block Element) 독립된 박스 영역으로, 한 줄에 하나에 블록 요소만 표현 할 수 있습니다. 블록 요소에는 블록 요소와 인라인 요소를 포함 할 수 있습니다. , , , , 인라인 엘리먼트(Inline Element) 독립된 텍스트 영역으로, 한 줄에 여러 개의 인라인 요소를 표현 할 수 있습니다. 인라인 용소에는 블록 요소가 포함 될 수 없지만, 인라인 요소는 포함 할 수 있습니다. , , , , image출처 : https://cdn.dribbble.com/users/103909/screenshots/3311170/sixbase-preview-04.png
특수문자 HTML에 본문에 바로 쓸 수 없는 특수한 문자입니다 문자 이스케이핑 & gt; » & raquo; « & laquo; & & amp; • & bull; · & middot; … & hellip; 공백 & nbsp; 큰 따옴표 " & quot; 작은 따옴표 ‘ & lsquo; 작은 따옴표 ’ & rsquo; 저작권 표시 © & copy; 등록 상표™ & trade; 등록 상표® & reg; image출처 : https://cdn.dribbble.com/users/103909/screenshots/3459036/rboy-3d-preview-01.png