더 이상 헛소리는 하지 말고 오늘의 주제를 시작하겠습니다.
html/11675.html">Html의 메타 태그
1. 메타태그의 의미<meta> 요소는 검색 엔진에 대한 설명, 키워드, 업데이트 빈도 등 페이지에 대한 메타 정보를 제공합니다.
<meta> 태그는 문서의 헤드에 위치하며 내용을 포함하지 않습니다.
<meta> 태그의 속성은 문서와 관련된 이름/값 쌍을 정의합니다.
2. 메타에서 일반적으로 사용되는 속성1. charset(문자셋)
설명: HTML 문서의 문자 인코딩을 지정합니다.
사용법: <meta charset=UTF-8>
2. 뷰포트(뷰포트)
설명: 사용자의 웹페이지에서 보이는 영역입니다. 일반적으로 모바일 장치의 화면이 PC의 화면보다 훨씬 작다는 것은 누구나 알고 있습니다. 웹킷 브라우저는 더 큰 가상 창을 모바일 장치의 화면에 매핑합니다. 기본 가상 창의 너비는 980픽셀(대부분 웹사이트의 현재 표준 너비)입니다. ) 를 선택한 다음 특정 비율(3:1 또는 2:1)에 따라 크기를 조정합니다.
즉, 일반 웹 페이지를 로드할 때 웹킷은 먼저 브라우저 표준 980픽셀의 웹 페이지를 로드한 다음 너비를 490픽셀로 줄입니다. 이 축소는 전역 축소입니다. 즉, 페이지의 모든 요소가 축소됩니다.
용법:
<meta id=viewport 이름=viewport 내용=width=device-width; 초기 규모=1.0; 최대 규모=1;
(1)폭
너비는 뷰포트의 크기를 제어하며 일반적으로 적응 목적으로 장치 너비로 설정됩니다.
(2) 초기 규모
initial-scale: 초기 크기 조정 비율, 즉 페이지가 처음 로드될 때의 크기 조정 비율입니다.
(3) 최대 규모
maximum-scale 최대 스케일링. 즉, 허용되는 최대 크기 조정 수준입니다. 이는 화면 크기와 비교한 페이지 크기의 최대 배수를 나타내는 부동 소수점 값이기도 합니다.
(4) 최소 규모
최소 배율: 사용자가 확대/축소할 수 있는 최소 배율입니다. 최대 규모 사용량과 유사합니다.
(5) 사용자 확장 가능
사용자 확장 가능 사용자 조정 가능 스케일링. 즉, 사용자가 페이지의 확대/축소 수준을 변경할 수 있는지 여부입니다. yes로 설정하면 사용자가 이를 변경할 수 있으며, 그렇지 않으면 no입니다.
3. 키워드
설명: 검색 엔진에 제공되는 키워드 목록입니다. 각 키워드를 구분하려면 쉼표를 사용하세요. 검색 품질을 향상시키기 위해 검색 엔진이 사용하는 키워드를 지정합니다.
사용법: <메타 이름=키워드 콘텐츠=키워드 1, 키워드 2, 키워드 3, 키워드 4,…>
4. 설명 (설명, 소개)
설명: 설명은 검색 엔진에 웹사이트의 주요 콘텐츠를 알리는 데 사용됩니다.
사용법 ：<Meta name=Description Content=你网页的简述>
5. 형식 감지(형식 감지)
설명: 형식 감지는 HTML의 일부 형식을 감지하는 데 사용됩니다.
사용법: 메타의 형식 감지 속성은 주로 다음 설정을 갖습니다.
메타 이름=형식-감지 콘텐츠=전화=아니요 메타 이름=형식-감지 내용=이메일=아니요 메타 이름=형식-감지 내용=adress=아니요
연속해서 작성할 수도 있습니다: meta name=format-detection content=telephone=no,email=no,adress=no
(1)전화
링크 스타일을 추가하지 않고도 일련의 숫자를 명확하게 작성했지만 iPhone은 자동으로 텍스트에 링크 스타일을 추가하고 숫자를 클릭하면 자동으로 해당 번호로 전화가 걸립니다! 이 전화 접속 링크를 제거하는 방법은 무엇입니까? 이때 우리 메타는 다시 그 마법의 힘을 과시해야 합니다. 코드는 다음과 같습니다.
Telephone=no는 숫자를 전화 접속 링크로 변환하는 것을 비활성화합니다!
Telephone=yes는 숫자를 전화 접속 링크로 변환하는 기능을 활성화하기 위해 이 메타를 작성할 필요가 없습니다. 기본적으로 활성화되어 있습니다.
(2)이메일
기기에서 이메일 주소를 인식하지 못하도록 하고, 클릭 후 자동으로 전송하지 않도록 합니다.
email=no는 이메일 주소로 금지됩니다!
email=yes는 텍스트를 켜고 이메일 주소를 기본값으로 설정합니다. 이 메타는 기본적으로 켜져 있습니다.
(3)주소
adress=no는 지도로 점프하는 것을 금지합니다!
adress=yes는 주소를 클릭하여 지도로 바로 이동하는 기능을 활성화합니다. 기본적으로 활성화되어 있습니다!
6. 사과 터치 전체 화면
설명: 홈 화면에 추가한 후 전체 화면으로 표시됩니다.
사용법: <meta name=apple-touch-fullscreen content=yes>
7. apple-mobile-web-app 가능
설명: 이 기능은 기본 Apple 도구 모음 및 메뉴 표시줄을 삭제하는 것입니다. 콘텐츠에는 yes와 no라는 두 가지 값이 있습니다. 도구 모음과 메뉴 표시줄을 표시해야 하는 경우 이 메타 줄을 추가할 필요가 없습니다. 기본값은 표시하는 것입니다.
사용법: <meta name=apple-mobile-web-app-capable content=yes />
8. 앱 구성
설명: 기록 기록 및 애니메이션 효과 유지
사용법: <meta name=App-Config content=fullscreen=yes,useHistoryState=yes,transition=yes/>
9. msapplication-탭-강조 표시
설명: 강조 표시 없음(강조 표시)을 클릭합니다.
사용법: <meta name=msapplication-tap-highlight content=no>
위 내용은 에디터가 소개한 HTML의 메타태그와 사용법에 대한 자세한 설명입니다. 문의사항이 있으신 경우 메시지를 남겨주시면 에디터가 시간 맞춰 답변해드리겠습니다. 또한 VeVb 무술 웹사이트를 지원해 주신 모든 분들께 감사드립니다!