지역 사회
배우다
도구 라이브러리
AI 도구
여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > HTML_HTML/Xhtml_웹 페이지 제작에서 META 태그의 일부 사용 기술을 설명하는 예

HTML_HTML/Xhtml_웹 페이지 제작에서 META 태그의 일부 사용 기술을 설명하는 예

WBOY
풀어 주다： 2016-05-16 16:36:13
원래의
1913명이 탐색했습니다.

HTML 메타 태그

HTML 메타 태그는 웹 페이지 콘텐츠에 대한 정보를 브라우저나 검색 엔진에 제공하는 데 사용할 수 있습니다. 예를 들어 웹 페이지 콘텐츠 설명, 웹 페이지의 주요 키워드, 웹 페이지 인코딩 등을 표시하기 위해 일반적으로 사용되는 메타 태그입니다. 또한 웹페이지 정보도 있습니다. 작성자, 웹페이지 게시 시간, 사용된 편집자 등 덜 중요한 정보도 META TAG를 통해 표시할 수 있습니다. META 기능은 이러한 웹페이지 정보를 표시하는 데에만 사용됩니다. 브라우저나 검색 엔진에 제공합니다. 웹을 탐색하는 "사람"을 위해 작성된 것이 아닙니다.

헤드 예제에 작성된 HTML 메타 태그

XML/HTML 코드클립보드에 콘텐츠 복사
  1. 머리>
  2. <제목>테스트 페이지제목>
  3. <메타 이름="설명" 콘텐츠="웹페이지에 대한 간단한 설명입니다.">
  4. <메타 이름="키워드" 콘텐츠="키워드 1,키워드 2">
  5. 머리> 

표준 태그에는 끝이 없습니다. 웹페이지에는 다양한 태그가 있을 수 있으며 모두 헤드에 작성해야 합니다. 예제의 제목 태그는 웹페이지의 제목을 나타내는 데 사용됩니다. 태그 앞에 쓸 수도 있고 태그 뒤에 쓸 수도 있습니다.

1. 중국어 전시 및 배치

XML/HTML 코드클립보드에 콘텐츠 복사
  1. <META http-equiv="콘텐츠 유형 " 콘텐츠="text/html; charset=big5">

설명:
Content-Type==>파일 콘텐츠 형식
>;==>CONTENT " "에서 수행할 모든 작업, 세미콜론으로 구분
text/html= =>Pure text/hypertext
charset==>문자 집합은 Chinese Traditional Big Five이며, iso-2022-jp를 사용하면 일본어를 의미합니다


2. 검색 엔진이 귀하를 쉽게 찾을 수 있도록 하세요.

XML/HTML 코드클립보드에 콘텐츠 복사
  1. <메타 이름="키워드" 콘텐츠="컴퓨터 교육'네트워크 교육'Linux 교육'CSS 교육'HTML 교육'소프트웨어 교육'편지 보내기 교육'SEO 교육'교환 링크">
  2. <메타 이름="키워드" 콘텐츠="css'HomePage'html'linux'seo">

참고: 웹페이지의 키워드는 중국어와 영어 모두 사용할 수 있습니다


3. 웹사이트 콘텐츠 설명

XML/HTML 코드클립보드에 콘텐츠 복사
  1. <메타 이름="설명" 콘텐츠="웹페이지 제작을 무료로 배울 수 있는 곳, 네트워크 연구소">

설명: 설명==>콘텐츠의 주요 설명


4. 이 웹페이지의 작성자는 누구인가요

XML/HTML 코드클립보드에 콘텐츠 복사
  1. <메타 이름="저자" 콘텐츠="PCNET">

지침: 이 웹페이지의 작성자 이름과 기타 정보를 표시하세요


5. He 에디터를 이용하여 완성한 웹페이지입니다

XML/HTML 코드클립보드에 콘텐츠 복사
  1. <메타 이름="생성기" 콘텐츠="Mozilla/3.0Gold(Win95)[Netscape]">

지침:
이 웹페이지의 작성자 이름과 기타 정보를 표시하세요
Generator==>Editor
Mozilla/3.0Gold(Win95)[Netscape]==>Editor 및 기타 버전 메모


6. 이 웹페이지는 언제 완성되나요?

XML/HTML 코드클립보드에 콘텐츠 복사
  1. <META NAME="생성일" 콘텐츠="01-jan-2003 20:40:01">

설명:
생성일==>생성일
01-jan-2003 20:40:01==>상세 날짜 및 시간


7. 본 웹페이지의 유효기간은 캐시에 의해 제한되지 않습니다

XML/HTML 코드클립보드에 콘텐츠 복사
  1. <메타 이름="만료됨" 콘텐츠="01-jan-2005 00:00:00">
    2. " Pragma"
  2. 콘텐츠="no_cache"> 참고: Expired==>웹페이지 종료 기간01-jan-2005 00:00:00==>지난 날짜와 시간은 2007년 1월 12일 월요일을 사용할 수도 있습니다. 00:00 :00 GMTno_cache==> 캐시에 의해 제한되지 않습니다. 즉, 웹페이지에는 메모리 기능이 없습니다. 8. 홈페이지 작성자의 홈페이지 및 이메일 주소
XML/HTML 코드


클립보드에 콘텐츠 복사



<

링크
rev=
"만들었습니다"
  1. href="mailto:pcnettw@yahoo.com.tw"> <링크 rev=
    2. "만든"
  2. href="http://www.pcnet.idv.tw/"> > 9. 웹페이지를 활성화하여 페이지를 자동으로 변경하세요 XML/HTML 코드클립보드에 콘텐츠 복사




    <

    META

    HTTP-EQUIV

    =
    "새로 고침"
    콘텐츠
      =
    1. "15; url=http://www.pcnet.idv.tw/"> ; 설명: refresh==>업데이트 또는 재구성15==>15초 후에 다음 작업 실행;==>CONTENT에서 수행할 모든 작업" " 으로 구분 세미콜론 url=http://www.pcnet.idv.tw/==>이 웹페이지로 변환하려면 지정 10. 입장 및 퇴장 시 특수 효과(IE에만 해당) XML/HTML 코드클립보드에 콘텐츠 복사





      <

      META

      http-equiv

      =
      "변경 지정 페이지 특수효과가 발생하는 상황 "
      내용
        =
      1. "특수효과 모드(기간=특수효과 지속시간, 전환=대체특수) 효과)"> 

        설명:
        http-equiv="Page-Enter는 이 페이지에 들어가고, Page-Exit는 이 페이지에서 나가고, Site-Enter는 이 사이트에 들어가고, Site-Exit는 이 사이트에서 나가기 위한 것입니다."
        content="revealTrans(페이지 변경 효과 지정), blendTrans(페이지 변경 효과를 "혼합"으로 설정)
        Duration=특수 효과의 지속 시간(초)을 설정합니다. 사이를 권장합니다. 3~5초 .
        전환=특수효과를 0~23(생략)으로 대체합니다.


        참고:

        와 사이에 위치해야 합니다. 주로 자신이나 다른 사람(검색 엔진)의 이익을 위해 이 웹페이지의 내용을 설명하는 데 사용됩니다. 자동 페이지 넘김 등 특수 효과.

        http-equiv 또는 NAME 속성은 content 속성과 함께 사용해야 하며, 두 속성을 서로 바꿔 사용할 수도 있습니다.
        META 설명 태그의 사용법은 각 검색 엔진의 설정에 따라 다릅니다.
        메타 태그의 유무는 웹 페이지의 정상적인 표시에 영향을 미치지 않습니다. 메타 태그의 가장 큰 목적은 웹 페이지에 다양한 정보를 제공하고 특수 효과를 생성하는 것입니다.
        웹페이지 이용시 본 페이지의 1.2.3.4.8에서 언급한 태그를 주로 사용하는 것을 권장하며, 나머지는 상황에 따라 추가되거나 삭제될 수 있습니다.
        뷰 소스 코드를 사용하면 이 예제의 실제 배열을 볼 수 있습니다.
        더 많은 취재자료를 보시려면 강사(저자) 홈페이지를 방문해 주세요.

      관련 라벨：
      html meta
      원천：php.cn
      이전 기사：시맨틱 태그를 사용하여 IE6,7,8_HTML/Xhtml_Webpage Production과 호환되는 HTML을 작성하세요. 다음 기사：XHTML_HTML/Xhtml_Web 페이지 제작 시 공통 태그 정리
      본 웹사이트의 성명
      본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
      저자별 최신 기사
      최신 이슈
      PX가 REM 오류로 자동 변환  <style>html {   글꼴 크기: calc(100vw / 3.75);      }body {    글꼴 크기: 0.16rem;      }&l...
      에서 2024-04-16 09:34:16
      0
      0
      4687
      페이지가 갑자기 CSS나 부트스트랩을 가져올 수 없습니다. 그래서 저는 페이지를 개발 중입니다. 어제 일부 작업을 했는데 잘 작동했고, 오늘은 나머지 작업을 계속했는데 모든 것이 괜찮습니다. 일반 HTML 페이지로 열려고...
      에서 2024-04-06 21:58:04
      0
      1
      800
      CSS에서 페이지 하단의 신비한 공백을 해결하는 방법 Bootstrap과 D3를 사용하여 간단한 웹페이지를 구축하려고 하는데 하단의 공백을 모두 없애는 방법을 모르겠습니다. 나는 그것을 제거하고 싶다. 본문과 HTM...
      에서 2024-04-06 20:22:15
      0
      1
      454
      Livewire 게으른 자리 표시자와 함께 laravel 구성 요소를 사용하는 방법 livewire3 자리 표시자 안에 내 laravel 구성 요소의 뼈대를 추가하고 싶습니다. 지금까지 시도한 작업: Laravel 구성 요소를 포함하는 Livew...
      에서 2024-04-06 20:02:10
      0
      2
      543
      문자열을 HTML 코드(배열에서 생성됨)로 바꾸는 최상위 방법 다음과 같은 문자열이 주어지면...$htmlPattern="Usernameis:#name#andusercompanyis#company#";하위 ...
      에서 2024-04-06 17:40:41
      0
      2
      410
      관련 주제
      더>
    인기 추천
    인기 튜토리얼
    더>
    관련 튜토리얼
    인기 추천
    최신 강좌
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿