소셜 미디어 HTML5 및 CSS3 프로그래밍을위한 절대 및 상대 참조

HTML5 및 CSS3 프로그래밍을위한 절대 및 상대 참조

차례:

비디오: CSS Efecto - 02 PseudoElementos @JoseCodFacilito 2024

비디오: CSS Efecto - 02 PseudoElementos @JoseCodFacilito 2024
Anonim

HTML5 및 CSS3에서 프로그래밍 할 때 두 가지 이상의 주소가 있습니다. 아마도 외부 참조로의 링크에 사용되는 절대적인 참조에 익숙 할 것입니다. 상대 참조 인 또 다른 종류의 참조는 자신의 웹 사이트에있는 여러 페이지를 연결합니다.

절대 참조

BasicLink에서 사용되는 링크의 유형입니다. html은 절대적인 참조입니다. 절대 참조는 항상 프로토콜 이름으로 시작합니다. 절대 참조는 브라우저의 주소 표시 줄에서 사용하는 것처럼 웹 페이지의 전체 주소입니다. 절대 참조는 인터넷상의 다른 사이트를 참조하는 데 사용됩니다.

웹 사이트가 데스크탑 컴퓨터에서 인터넷 어딘가에있는 웹 서버로 이동하더라도 모든 절대 참조는 현재 페이지의 위치에 의존하지 않기 때문에 정상적으로 작동합니다. 어떠한 정보.

상대 참조

상대 참조는 웹 사이트가 둘 이상의 페이지를 포함 할 때 사용됩니다. 몇 페이지와 그 사이를 이동할 수있는 링크 메커니즘을 선택할 수 있습니다.

시장 페이지는 매우 간단하지만 초기 페이지로 다시 연결됩니다. 대부분의 웹 사이트는 단일 페이지가 아니며 상호 연결된 웹 페이지입니다. 상대 참조는 인터레이스 링크가있는 페이지 집합을 가지고있을 때 매우 유용합니다.

돼지 용 코드. html은 상대 참조가 작동하는 방법을 보여줍니다:

pigs. html

돼지 포유류의 목적지

이 작은 돼지가 시장에 나왔다.

  • 이 작은 돼지는 집에 있었다.
  • 이 작은 돼지는 로스트 비프를 가지고있었습니다.
  • 이 작은 돼지는 아무 것도 먹지 않았습니다.
  • 이 작은 돼지는 집에있는 동안 '소변을 보냈습니다.
  • 대부분의 코드는 완전히 익숙합니다. 놀랍게 된 것은

가 아니라 뿐입니다. 링크 중 하나 인 home을 자세히 살펴보십시오.

프로토콜 (부분)과 주소가 전혀 없으며 파일 이름 만 있습니다. 이것은

상대적 참조입니다. 상대 참조는 현재 페이지의 주소를 가정하여 작동합니다. 사용자가 클릭 할 때 브라우저에는 프로토콜이 표시되지 않으므로 해당 시장을 가정합니다. html은 같은 서버의 같은 디렉토리에 있습니다. 상대 참조는 지침과 동일하게 작동합니다. 예를 들어 실험실에서 물 샘이 어디에 있는지 물어 보면 누군가가 "복도로 나가 다음 좌회전하고 다음 복도 끝에서 다시 좌회전합니다."올바른 방향으로 출발하면 길을 따라 물 샘으로 연결됩니다. 당신이 다른 곳에서이 지침을 따르는 경우, 분수대를 찾지 못할 것입니다.

상대적 참조는 상호 연결된 웹 페이지가 많을 때 잘 작동합니다. 같은 주제에 대해 많은 페이지를 작성하여 동일한 디렉토리에 넣으면 페이지간에 상대 참조를 사용할 수 있습니다. 페이지를 다른 서버로 이동하기로 결정하면 모든 링크가 올바르게 작동합니다.

로컬 컴퓨터에서 페이지를 생성하고 수정 한 다음 웹 서버에 보내면 전세계 사람들이 볼 수있는 것이 가장 편리합니다. 상대 참조를 사용하면 페이지 그룹을 함께 이동하고 링크가 계속 작동하는 것을 쉽게 알 수 있습니다.

다른 사람의 사이트에있는 페이지를 언급하는 경우 절대 참조를 사용해야합니다. 사이트의 다른 페이지에 링크하는 경우 일반적으로 상대 참조를 사용합니다.

HTML5 및 CSS3 프로그래밍을위한 절대 및 상대 참조

편집자의 선택

소셜 미디어 측정법을 사용하여 판매를 늘리는 방법 - 소셜 미디어 측정 항목을 사용하는 한 회사

소셜 미디어 측정법을 사용하여 판매를 늘리는 방법 - 소셜 미디어 측정 항목을 사용하는 한 회사

판매를위한 크로스 플랫폼 참여는 Best Buy입니다. Best Buy는 모바일 쇼핑 및 소셜 쇼핑을 매장의 각 품목에 대한 QR 코드를 사용하여 매장 내 경험으로 가져 왔습니다. 고객은 상점의 각 항목에 대한 QR 코드를 스캔하여 리뷰를 포함한 더 많은 정보를 얻을 수 있습니다.

블로그에 Google 웹 로그 분석을 설치하는 방법 - 아직없는 경우

블로그에 Google 웹 로그 분석을 설치하는 방법 - 아직없는 경우

블로그 또는 사이트에서 Google 웹 로그 분석 추적 통계를 사용하여 빠르고 쉽게 설치할 수 있습니다. 설치는 1 분 밖에 걸리지 않으며 완전히 고통스럽지 않습니다. 먼저 Google 애널리틱스 ID를 가져 와서 어딘가에 작성하십시오. 쉽게 찾을 수 있습니다. Google 애널리틱스와 대시 보드에서 로그인하십시오.

웹 사이트에 Google 웹 로그 분석을 설치하는 방법 - 웹 사이트에 Google 웹 로그 분석을 설치하는

웹 사이트에 Google 웹 로그 분석을 설치하는 방법 - 웹 사이트에 Google 웹 로그 분석을 설치하는

단 1 분이며 고통스럽지 않습니다. 곧 Google 애널리틱스 덕분에 잠자는 동안 소셜 미디어 측정 항목을 추적하게 될 것입니다. 먼저 Google 애널리틱스 ID를 가져 와서 어딘가에 작성하십시오. 쉽게 찾을 수 있습니다. Google 애널리틱스 및 대시 보드에 로그인하고 톱니 바퀴 아이콘을 클릭하기 만하면됩니다. ...

편집자의 선택

마케팅 자동화에서 분할 테스트의 기본 이점 - A / B 테스트라고도하는 더미 테스트

마케팅 자동화에서 분할 테스트의 기본 이점 - A / B 테스트라고도하는 더미 테스트

다 변수 테스트뿐만 아니라 요인 일정을 유지하고 다양한 시나리오에서 다른 결과를 테스트하여 마케팅 자동화 테스트를 수행하는 것을 의미합니다. 하나의 유료 검색 광고를 통해 사람들을 2 개의 개별 방문 페이지로 유도하는 것이 그 예입니다. 방문 페이지 테스트하기 ...

자동화 된 마케팅을위한 컨텐츠 작성의 기본 - 인형

자동화 된 마케팅을위한 컨텐츠 작성의 기본 - 인형

마케팅 자동화 도구의 사용을 극대화하기 위해 먼저 사람과 콘텐츠와의 관계를 이해해야합니다. 올바른 사람에게 올바른 콘텐츠를 보내는 경우에만 자동화가 유용합니다. 이를 올바르게 수행하는 방법에 대한 기본적인 이해를 돕기 위해 사람들은 두 가지 유형이 관련되어 있음을 인식해야합니다 ...

Microsoft Dynamics CRM을 사용하는 e-Mail 및 Microsoft Dynamics CRM- 더미

Microsoft Dynamics CRM을 사용하는 e-Mail 및 Microsoft Dynamics CRM- 더미

고객 관계를 관리하는 데 도움이되는 Microsoft 도구 현대 직장에서 가장 유용한 도구 중 하나는 전자 메일이므로 전자 메일을 만들고 읽거나, 전자 메일을 특정 레코드에 연결하거나, 일정을 관리하는 데 숙련되어 있어야합니다. ...

편집자의 선택

웹 호스팅 계획에서 더 많은 것을 얻기위한 10 가지 팁 - 인형

웹 호스팅 계획에서 더 많은 것을 얻기위한 10 가지 팁 - 인형

당신은 자신의 웹 사이트 또는 블로그를 가지고 있고, 고객, 독자 또는 웹 호스팅 기술에 의존하는 추종자 만 있습니다. 다음 팁은 웹 호스팅 계획을 최대한 활용하는 데 도움이됩니다. 제어판에서 백업 옵션을 확인하십시오. 일부 제어판을 사용하면 자동화 된 백업을 수행 할 수 있습니다. ...

귀하의 웹 호스트가 귀하를 도와주지 않는 10 가지 사항 (무료) - 인형

귀하의 웹 호스트가 귀하를 도와주지 않는 10 가지 사항 (무료) - 인형

은 웹 호스트만큼 멋지고, 웹 사이트를 디자인, 제작 및 운영하는 데 도움이되는 일에는 한계가 있습니다. 그것은 모두 돈으로옵니다. 귀하가 기꺼이 지불하는 한 귀하의 호스트는 기꺼이 도움이 될 것입니다. 각 호스트는 다릅니다. ...