다른 HTML 페이지로 이동하는 방법. JavaScript를 사용하여 다른 페이지로 리디렉션합니다. 브라우저 표시
어떤 방식으로든 웹사이트에 연결되어 웹사이트를 생성하거나 편집하는 모든 사용자는 매일 다양한 자료에 대한 링크 생성을 접하게 됩니다. 그리고 그는 아마도 인터넷상의 모든 자료에 대한 링크를 만들기 위해 어떤 html 태그를 사용하고 어떻게 사용하는지 알고 있을 것입니다.
그러나 모든 사람이 페이지의 특정 부분으로 연결하는 방법을 아는 것은 아닙니다. 이는 큰 기사를 작성하는 경우 매우 유용할 수 있습니다. 게시물 시작 부분에서 목차를 만들 수 있으며, 목차의 각 줄에서 같은 페이지와 다른 페이지에 있는 텍스트의 일부에 대한 링크를 만들 수 있습니다.
우리가 의미하는 바를 이해하려면 최근 지침의 디자인을 살펴보십시오. 페이지 상단에는 다음과 같은 링크가 있는 메뉴가 있습니다. 특정 장소페이지.
현재 페이지의 특정 위치로 연결하는 방법 1. 페이지 일부에 앵커 지정하기첫 번째 단계는 사용자가 링크를 클릭할 때 리디렉션되어야 하는 페이지 부분에 소위 "앵커"를 할당하는 것입니다. 이렇게 하려면 페이지의 이 부분에 있는 텍스트 앞에 다음을 삽입하세요. 다음 코드
페이지 텍스트...
여기서 "앵커" 대신에 참조하는 단락의 의미와 일치하는 단어를 삽입하세요.
2. 앵커에 대한 링크두 번째로 해야 할 일은 페이지의 첫 번째 단락에 설정된 "앵커"를 사용자가 연결하려는 텍스트 부분으로 이동하고 싶어할 것으로 생각되는 위치에 연결하는 것입니다. 예를 들어 기사 시작 부분에 있는 목차가 될 수 있습니다. 앵커 링크는 다음과 같습니다
여기서 "앵커"는 기사의 첫 번째 단락에서 선택한 단어로 대체됩니다.
다른 페이지의 특정 부분으로 연결하는 방법위에서 논의한 것과 같은 방식으로, 같은 페이지에 있는 텍스트의 일부뿐만 아니라 다른 페이지의 특정 위치에도 연결할 수 있습니다. 가장 중요한 것은 거기에 "앵커"를 배치할 기회가 있다는 것입니다. 이는 다음과 같이 수행됩니다.
1. 수신자 페이지에 "앵커"를 할당합니다.이전 단락에서와 같이 사용자가 링크를 클릭할 때 이동해야 하는 페이지의 원하는 부분에 "앵커"를 할당하면 여전히 동일하게 보입니다.
페이지 텍스트...
여기서 "앵커" 대신 원하는 단어를 삽입해야 합니다.
2. 다른 페이지의 앵커로 연결이전 경우와 마찬가지로 앞서 생성한 “앵커”에 대한 링크만 넣으면 됩니다. 유일한 차이점은 다른 페이지의 일부로 링크할 때 해당 URL을 코드에 추가해야 한다는 것입니다. 결과는 다음과 같습니다.
여기서 "페이지 주소" 대신에 각각 다음을 대체해야 합니다. 페이지 URL, "앵커"를 생성할 때 선택한 텍스트를 "앵커" 대신에 연결합니다.
이 기사에서는 한 페이지에서 다른 페이지로 HTML로 링크를 만드는 방법을 보여줍니다. 우리도 간략하게 설명하겠습니다. 다양한 방식하이퍼링크.
예:
예시 보기
절대 주소이는 URL에 다음이 포함된 경우에 적용됩니다. 전체 경로. 예를 들어:
HTML 튜토리얼
상대 주소이 경우 URL은 상대 경로를 지정합니다. 현재 상황. 예를 들어, URL과 현재 위치- https://www.quackit.com/html/, 다음 링크를 사용해야 합니다.
HTML 튜토리얼
사이트 루트를 기준으로 한 주소이는 URL을 나타냅니다. HTML 링크, 도메인의 루트에 상대적인 경로를 정의합니다.
예를 들어, URL https://www.quackit.com/html/tutorial/ 에 연결하고 현재 위치가 https://www.quackit.com/html/ 인 경우 다음 링크를 사용합니다.
HTML 튜토리얼
슬래시는 도메인의 루트를 의미합니다. 파일이 어디에 있든 상관없이 도메인 이름이 무엇인지 모르더라도(루트의 전체 경로를 알고 있는 한) 항상 이 방법을 사용하여 경로를 결정할 수 있습니다.
링크 대상URL이 새 창에서 열릴지 아니면 현재 창에서 열릴지 결정할 수도 있습니다. 이는 target 속성을 사용하여 수행할 수 있습니다. 예를 들어, target = "_blank"는 새 창에서 URL을 엽니다.
target 속성은 다음 값을 사용할 수 있습니다.
비어 있음: 새 HTML 창에서 링크를 엽니다. _self: URL을 로드합니다. 현재 창. _parent: URL을 상위 프레임에 로드합니다(여전히 현재 브라우저 창에 있음). 프레임을 사용하는 경우에만 적용됩니다. _top: 현재 브라우저 창에 URL을 로드하지만 다른 프레임을 재정의합니다.
예:
Quackit
사용자를 안내하려는 페이지 부분에 ID를 추가하세요. 이렇게 하려면 id 속성을 사용하세요. 값은 짧은 텍스트여야 합니다. id는 HTML에서 일반적으로 사용되는 속성입니다.
코끼리
코끼리로 이동
위의 코드 조각은 문서의 다른 부분에 있습니다. 다음과 같이 밝혀졌습니다.
예
코끼리로 이동
고양이고양이에 관한 모든 것.
개개에 관한 모든 것.
조류새에 관한 모든 것.
코끼리코끼리에 관한 모든 것.
원숭이원숭이에 관한 모든 것.
뱀뱀에 관한 모든 것.
쥐쥐에 관한 모든 것.
물고기물고기에 관한 모든 것.
물소버팔로에 관한 모든 것.
예시 보기
같은 페이지일 필요는 없습니다. 이 방법을 사용하면 모든 페이지의 ID로 이동할 수 있습니다. 이렇게 하려면 링크를 HTML에 붙여넣기 전에 "#" 문자 앞에 대상 URL을 추가하세요. 예를 들어:
코끼리로 이동
물론, 페이지에는 이 값을 갖는 식별자가 있다고 가정합니다.
이메일 링크킹콩에 이메일 보내기
예시 보기
사용자의 제목은 물론 이메일 본문까지 자동으로 작성할 수 있습니다. 이메일 주소에 제목과 본문 매개변수를 추가하면 됩니다.
예시 보기
기본 href페이지의 모든 HTML 링크가 시작되는 기본 URL을 설정할 수 있습니다. 이렇게 하려면 요소 내에 기본 태그(href 속성과 함께)를 배치하세요.
예제 HTML암호:
예제 HTML
예시 보기
하이퍼링크는 한 사이트 내의 페이지를 연결하거나 인터넷의 모든 페이지를 가리킬 수 있습니다. 다른 사람의 페이지에 대한 링크를 만들 때는 항상 해당 페이지의 절대 주소(http://www.site.com/page.html)를 사용해야 합니다. 사이트 내의 페이지에 대한 링크를 생성하는 경우 다음을 사용하는 것이 좋습니다. 상대 URL(page.html, 카탈로그/page.html). 그래픽 하이퍼링크를 생성할 때 일부 사용자는 그래픽에 액세스하지 못할 수 있으므로 적절한 텍스트 요소를 포함해야 합니다.
예:
HTML 페이지 내의 하이퍼링크때로는 한 페이지 내에 하이퍼링크를 생성해야 할 때가 있습니다. 예를 들어, 이 페이지에는 강의 시작 부분에 특정 질문을 볼 수 있는 하이퍼링크가 있고, 페이지 맨 아래에는 페이지 상단으로 이동할 수 있는 하이퍼링크가 있습니다.
예:
우편 하이퍼링크예:
|
HTML 코드: |
브라우저 디스플레이: |
도움을 받아 TARGET 속성새 브라우저 창에서 페이지를 로드할 수 있습니다. 이 속성은 창의 이름을 지정하기 위한 것입니다. 창 이름은 공식적인 목적으로 사용됩니다. 새 창에서 페이지를 열려면 _blank 상수를 사용해야 합니다.
예:
하이퍼링크 텍스트 색상LINK, ALINK, VLINK 속성은 하이퍼링크의 글꼴 색상을 지정합니다.
LINK 속성은 사용자가 아직 방문하지 않은 하이퍼링크를 강조 표시하는 데 사용됩니다.
하이퍼링크를 따라가는 절차일부 브라우저에서는 Tab 키를 사용하여 하이퍼링크를 탐색하는 기능을 지원할 수 있습니다. 이 경우 브라우저는 기본적으로 페이지 텍스트에 나타나는 순서대로 하이퍼링크를 강조 표시합니다. TABINDEX 태그 속성을 사용하여 전환 순서를 변경할 수 있습니다. . 새 탐색 순서를 설명하는 목록에 하이퍼링크를 포함하려면 TABINDEX 속성에 1~32767 범위의 양의 정수를 할당해야 합니다. 목록에서 하이퍼링크를 제외하려면 속성에 음수를 할당해야 합니다. 사용자가 Tab 키를 누르면 커서는 양수 인덱스 값이 가장 작은 하이퍼링크로 이동합니다. 여러 하이퍼링크에 동일한 색인 값이 할당된 경우 첫 번째로 선택된 하이퍼링크가 페이지 텍스트에서 더 높은 곳에 표시됩니다.
TABINDEX 속성을 사용하여 그래픽 이미지와 같은 다른 개체를 선택할 수 있습니다.
이 기사에서는 JavaScript를 사용하여 사용자를 한 웹 페이지에서 다른 웹 페이지로 리디렉션하는 방법을 설명합니다. 또한 JS 리디렉션의 몇 가지 간단한 예를 제시하겠습니다.
여러 가지 방법으로 사용자를 한 웹 페이지에서 다른 웹 페이지로 리디렉션할 수 있습니다. HTML 메타데이터 업데이트를 통한 서버 측 리디렉션 포함. 예를 들어 .htaccess 파일, PHP를 사용하고 JavaScript를 통해 클라이언트 측 리디렉션을 사용합니다.
하지만 다른 활동 중에 발생하는 예상치 못한 리디렉션은 방문자에게 짜증나는 일이라는 점에 유의하세요. 따라서 리디렉션이 꼭 필요하고 사용자의 관점에서 타당할 경우에만 리디렉션을 사용해야 합니다.
사용자를 다른 페이지로 리디렉션하기 위해 JavaScript를 사용하는 방법을 살펴보겠습니다.
다른 페이지로 자동 JavaScript 리디렉션한 페이지(URL1)에서 다른 페이지(URL2)로 사용자를 자동으로 리디렉션하려면 다음 코드를 사용할 수 있습니다.
window.location.href = "URL2";
첫 번째 페이지(URL1)에 위 코드를 붙여넣어야 합니다. URL2를 원하는 페이지 주소로 바꾸세요. 브라우저가 렌더링을 시작하기 전에 페이지가 리디렉션되도록 이 코드를 페이지 하단이 아닌 요소 내부에 배치하는 것이 좋습니다.
팁: 인라인 JavaScript를 사용하는 경우(예: 외부 .js 파일 없이) JavaScript 코드를 .
X초 후 다른 페이지로 리디렉션이 예에서는 페이지가 로드된 후 얼마 후에 다른 페이지로 js 리디렉션을 수행합니다. 예를 들어, 환영 페이지가 5초 동안 표시된 후 방문자를 홈 페이지로 리디렉션하려는 경우:
setTimeout(function())( window.location.href = "homepage-url"; ), 5 * 1000);
시작 페이지에 다음 JavaScript 코드를 붙여넣어야 합니다. 홈페이지 URL을 홈페이지 URL로 바꾸는 것을 잊지 마세요.
setTimeout 메소드를 사용하여 5초 후에 스크립트가 리디렉션되도록 지시했습니다(초를 밀리초로 변환하려면 5에 1000을 곱함).
팁: JavaScript에서 시간 값은 항상 밀리초 단위로 계산됩니다.
조건에 따라 다른 페이지로 리디렉션예를 들어 방문자의 브라우저(권장하지는 않지만), 화면 크기, 시간 또는 기타 조건에 따라 리디렉션할 수 있습니다.
특정 조건을 충족하는 방문자를 리디렉션하려면 다음 코드를 사용하십시오.
if (조건) ( window.location.href = "redirect-url"; )
예를 들어, 다음 코드는 화면 너비가 600픽셀 미만인 경우 방문자를 다른 페이지로 리디렉션합니다.
if (화면.폭< 600) { window.location.href = "redirect-url"; }
사용자 작업에 따라 다른 페이지로 리디렉션마지막 예는 방문자의 행동을 기반으로 방문자를 재타겟팅하는 방법을 보여줍니다. 모든 유형의 사용자 작업에 js 리디렉션을 바인딩할 수 있습니다. 이 예에서는 단순화를 위해 버튼 클릭을 처리하겠습니다.
다음 코드는 #mybutton을 클릭한 후 방문자를 랜딩 페이지로 리디렉션합니다.
document.getElementById("mybutton").onclick = function() ( window.location.href = "redirect-url"; );
다음 코드를 사용하여 동일한 작업을 수행할 수 있습니다.
홈페이지로 이동
또한 리디렉션을 이벤트나 사용자 작업과 연결할 수도 있습니다. 리디렉션이 사용자를 좌절시키지 않는지 확인하세요.
js가 다른 페이지로 리디렉션되는 가능한 모든 경우를 고려하려고 노력했습니다. 다른 시나리오를 발견하게 되면 이 기사에 추가하겠습니다.
"JavaScript를 사용하여 다른 페이지로 리디렉션" 기사의 번역은 친절한 프로젝트 팀에서 준비했습니다.
좋다 나쁘다
이번 글에서는 다양한 JS 리다이렉트 방법을 살펴보겠습니다. JavaScript가 비활성화된 경우에 대한 대체 리디렉션 옵션을 살펴보겠습니다. 그리고 사용의 영향도 ...
지침
웹사이트에 링크를 등록하는 방법에는 여러 가지가 있습니다. 엔진을 사용하는 경우 재료 메뉴에 관리자로 로그인하세요. 그런 다음 필요한 페이지를 선택하거나 새 페이지를 만듭니다. 클릭하면 전환되는 텍스트를 작성하세요. 이를 선택하고 도구 모음에서 링크 추가 아이콘을 선택합니다. 작성할 양식이 앞에 열립니다. cms에서 제공하는 모든 필수 매개변수를 지정하고 주소를 설정한 후 "확인"을 클릭하세요. 변경 사항을 저장하고 브라우저 창에서 페이지를 새로 고치면 링크가 나타납니다. 기능을 확인하고 필요한 경우 변경하십시오.
사이트의 모든 페이지에 표시될 링크를 생성하려면 템플릿 섹션으로 이동하세요. "html 편집" 명령을 선택하면 코드가 포함된 페이지가 열립니다. 여기에서 무엇이든 변경하기 전에 안전을 확보하십시오. 실수로 데이터를 삭제한 경우 원본 자료를 반환할 수 있도록 정보를 안전한 장소에 복사하십시오.
원하는 블록을 찾아 전환이 이루어질 텍스트 형식의 링크를 입력하십시오. 필요한 경우 텍스트를 다음으로 바꿉니다. 그래픽 파일, 다음 링크를 적용하세요: 
웹페이지의 특정 부분으로의 전환을 만들려면 먼저 앵커를 배치하세요. 올바른 장소에사이트에 이름을 지정하세요. 일련 번호를 설정하는 것이 더 좋습니다. 링크를 작성하는 데 소요되는 시간이 줄어듭니다. cms를 사용하는 경우 텍스트의 일부를 선택하고 "링크 추가"를 클릭한 다음 "앵커" 필드를 채웁니다. HTML 문서 형식에서는 텍스트/이미지처럼 보입니다.
간단한 웹 페이지에서는 다른 페이지로의 전환도 태그를 사용하여 코드로 작성됩니다. 그리고.
영구조직을 조직하다 자동 전환모든 방문객은 한 곳으로 특정 페이지다른 사이트로 이동하려면 서버를 사용하거나 서버 언어프로그래밍을 하거나 HTML을 사용하여그리고 자바스크립트. 두 번째 옵션의 장점은 단순성과 접근성입니다. 구현에는 프로그래밍 지식이 필요하지 않습니다. 필수 요구 사항수정 권한만 있으면 됩니다. 소스 코드페이지.
지침
방문자를 자동으로 다른 사이트로만 리디렉션하는 문제를 해결할 수 있습니다 HTML을 사용하여(하이퍼텍스트 마크업 언어 - "하이퍼텍스트 마크업 언어"). 여기에는 현재 페이지가 로드된 후 다른 페이지 로드를 시작해야 함을 브라우저에 알려주는 (메타 태그)가 포함되어 있습니다. 이 메타 태그에는 리디렉션 주소에 대한 정보(태그 속성)와 웹 사이트가 페이지로 전송되어야 하는 시간이 포함되어 있습니다. 예를 들어 다음과 같습니다. 새로 고침은 다음과 같습니다. 코드워드, 리디렉션 메커니즘을 시작합니다. 숫자 5는 이 페이지를 로드한 후 프로세스가 시작되어야 함을 나타냅니다. 예를 들어 방문자가 이 페이지에 배치한 메시지를 받는 데 이 시간이 필요할 수 있습니다. 이러한 일시 중지가 필요하지 않으면 0으로 설정하십시오. 그리고 URL=http://www.site에는 브라우저가 방문자를 보내야 하는 주소가 포함되어 있습니다. 이 메타 태그는 페이지 소스 코드의 헤더 부분( 및 사이)에 배치되어야 합니다.
또 다른 방법은 언어를 사용하여 구현됩니다. 자바스크립트 프로그래밍. 웹서퍼가 웹서핑을 하게 하려면 단 한 줄의 코드만 있으면 됩니다. 필수 주소. 예를 들어 다음과 같이 보일 수 있습니다. window.location.reload("http://www..location.replace("http://www..location.href="/";여기에서는 바꾸기만 하면 됩니다. 이 명령이 작성되었음을 브라우저에 알려주는 태그 안에 이 명령을 배치해야 하는 주제의 주소 자바스크립트:
document.location.replace("http://www.site");
그리고 이 세 줄은 차례로 동일한 헤더 영역( 및 사이)에 배치되어야 합니다.
이 옵션 중 하나를 선택한 후 다음을 엽니다. 원하는 페이지, 예를 들어 사이트 관리 시스템의 페이지 편집기에서. HTML 편집 모드로 전환하고 그 안에서 태그를 찾으세요. 준비된 리디렉션 코드(JavaScript 또는 HTML)를 복사하여 이 태그 앞에 붙여넣습니다. 그런 다음 수정된 페이지를 저장합니다.
텍스트 자료가 페이지의 필요한 영역에 맞지 않는 경우 텍스트를 더 작게 만드는 방법을 아는 것이 도움이 될 것입니다. 이 명령어떤 것에도 포함되어 있다 텍스트 프로그램, 잘 알려진 그래픽 및 사진 편집기뿐만 아니라 엑셀 테이블멀티미디어 프로젝트 제작을 위한 프로그램 등이 있습니다. 편리한 방법을 사용하여 텍스트를 줄일 수 있습니다. 퀵 패널, 키보드 키를 사용합니다.
지침
열려 있는 유명한 프로그램, 으로 작업 중입니다. 이것은 모두에게 사랑받는 그다지 유명한 워드 패드인 표준 "메모장"일 수 있습니다. 마이크로 소프트 오피스 Word 및 정기 간행물 작성 프로그램 마이크로소프트 퍼블리셔다른 사람. 가장 밝은 부분 원하는 지역줄이려는 텍스트입니다. 위의 모든 항목에서 텍스트 편집기작업 창 상단에 특수 패널텍스트 서식. 여기에는 문서 페이지의 글꼴 형식, 스타일, 크기, 색상 및 위치를 변경하는 서비스 버튼이 포함되어 있습니다. 적절한 디지털 값을 선택하기만 하면 텍스트를 필요한 크기로 설정할 수 있습니다. 예를 들어 글꼴 크기를 "14" 위치에서 "12" 위치로 줄입니다.
크기 목록에서 적합한 값을 찾지 못한 경우 글꼴 크기를 수동으로 설정할 수 있습니다. 서식 표시줄이 표시되지 않으면 활성화해야 합니다. 이렇게 하려면 다음 위치에 있는 "보기" 탭을 사용하십시오. 윗줄메뉴. "보기"를 클릭하고 "도구 모음" 섹션에서 "형식"을 켭니다. 키보드를 사용하여 글꼴 크기를 줄일 수 있습니다. 원하는 텍스트 영역을 선택하십시오. 프레스 조합 Ctrl 키+[. 그 후에는 글꼴 크기와 전체 텍스트가 정확히 1포인트씩 줄어듭니다.
abword로 작업하시거나, 문단을 줄여서 글을 줄일 수 있으니 특별한 "단락" 서비스를 이용하시면 좋을 것 같습니다. 줄 간격. '서식' 메뉴의 '단락' 섹션을 엽니다. 새로운 서비스 창이 열립니다. 다음으로 '들여쓰기 및 간격' 탭으로 이동합니다. 하단의 "간격" 필드에 원하는 줄 간격 값을 입력합니다. 확인을 클릭하여 설정을 저장합니다. 그래픽과 사진 편집자텍스트 크기는 마우스로 변경되는 경우가 가장 많습니다. 텍스트를 삽입한 후 작업 공간또는 이미지 자체에서 마우스로 선택하세요. 그런 다음 텍스트를 둘러싸는 점선의 가장자리를 마우스로 잡습니다. 텍스트를 더 작게 만들려면 가장자리를 텍스트 중앙쪽으로 당깁니다.
주제에 관한 비디오
출처:
- 2019년에는 키보드의 텍스트 글꼴을 줄입니다.
현재 인터넷에서 사용 가능 엄청난 양종종 수천만, 수억 개의 페이지를 포함하는 사이트. 많은 웹마스터가 매일 새로운 리소스를 만듭니다. 이 마스터 중 일부는 전문가입니다. 그들 중 일부는 가장 간단한 질문에 대해 고민하면서 웹 개발 분야의 첫 걸음을 내디뎠습니다. 하지만 성공으로 가는 길은 질문에서 시작되는 경우가 많습니다. 그것과 비슷하다만드는 방법 새 페이지온라인.
필요할 것이예요
- - 브라우저;
- - 인터넷 연결;
- - 텍스트 편집기일 수도 있습니다.
- - 아마도 접근을 위한 자격 증명 관리 패널 CMS.
지침
새 사이트 페이지에 배치될 모든 콘텐츠를 준비합니다. 정보성 콘텐츠를 만듭니다. 모든 제목, 부제, 각주 및 메모를 포함하여 텍스트를 작성합니다. 편리한 형식으로 테이블 데이터를 준비합니다.
프레젠테이션 콘텐츠를 다루세요. 만일 거기에 그래픽 이미지, 페이지에 포함된 정보를 설명하고 해당 정보가 표시될 해상도로 가져옵니다. 이에 사용 그래픽 편집기, 예를 들어 GIMP와 같이 보간을 사용하여 이미지 크기를 조정할 수 있습니다. 페이지에 삽입된 경우 비디오 편집기에서 처리하세요.
페이지의 구조를 고려하십시오. 그림, 표, 도표가 어디에 위치할 것인지, 텍스트 내용이 어디에 위치할 것인지 결정하십시오. 포함된 각 개체에 대한 정렬 및 텍스트 줄 바꿈 옵션을 정의합니다.
미래 페이지의 프레젠테이션 콘텐츠를 배치합니다. 이미지를 게시하세요. 핫링크를 허용하는 사진 호스팅 사이트 중 하나에 업로드하세요. FTP 클라이언트를 사용하여 이미지를 업로드할 수 있습니다. 사이트가 아래에서 운영되는 경우 CMS 관리그리고 파일업로드 기능도 제공하고 있으니 활용하시면 더욱 편리할 것 같습니다. 비디오를 서버(자신만의 플래시 플레이어가 있는 경우) 또는 예를 들어 YouTube 또는 RuTube에 업로드합니다. 프레젠테이션 콘텐츠의 모든 요소에 대한 직접 링크를 얻고 저장하세요.
페이지 레이아웃을 지정합니다. 만들다 텍스트 파일, 미래 페이지의 내용을 그 안에 넣으세요. 마크업으로 텍스트를 완성하세요. 마크업 유형 및 레이아웃과 관련된 작업은 사이트 유형에 따라 다릅니다. 사이트의 경우 완전한 HTML 마크업을 생성해야 합니다( HTML 사양 w3c.org에서 찾을 수 있습니다). CMS를 실행하는 사이트의 경우 마크업은 시스템 유형에 따라 다릅니다. 일반적으로 CMS 작업에 대한 별도의 도움말 섹션은 개발자 웹 사이트, 관리 패널 및 소프트웨어 배포에서 사용할 수 있는 형식 지정 정보에 전념합니다.
사이트에 새 페이지를 만듭니다. 사이트가 정적인 경우 생성된 파일의 이름을 바꿉니다. 이전 단계, htm 또는 html을 제공합니다. 서버에 업로드하세요. 원하는 폴더. 새 페이지에 연결하려면 다른 파일을 변경하세요.
사이트가 CMS에 의해 관리되는 경우 관리 패널에 로그인하고 새 문서 만들기 섹션으로 이동합니다. 필요한 경우 문서 유형을 선택하고 문서의 위치를 선택합니다. 가상 구조대지. 준비된 콘텐츠를 제공된 텍스트 필드에 복사합니다. 문서를 저장합니다.
주제에 관한 비디오
때로는 사이트 방문자를 한 페이지에서 다른 페이지로 자동으로 리디렉션해야 하는 경우가 있습니다. 자동 모드" 즉, 방금 로그인했는데, 질문도 클릭도 없이 바로 다른 페이지로 이동해 주세요. 예를 들어 사이트는 이전했지만 방문자는 여전히 이전 주소로 이동합니다. 물론 슈퍼프로들은 이런 종류의 리디렉션을 파일 수준에서 수행합니다. 추가 구성웹 서버(htaccess) 또는 서버 스크립트. 그러나 슈퍼공무원의 도움 없이도 자신만의 홈페이지를 확보해 완벽하게 관리하는 네티즌들이 늘어나고 있다. 다행히도 '누구나 홈페이지가 있다'는 원칙이 국가적 프로젝트나 담보 대출 없이 온라인으로 구현되고 있다. 그렇다면 비전문가가 어떻게 구현할 수 있습니까? 자동 리디렉션방문자가 특정 링크를 통해?
지침
가장 두가지가 있는데 간단한 옵션원하는 페이지를 적절하게 변경하는 기능 외에는 아무것도 필요하지 않은 리디렉션입니다. 첫 번째는 HTML(HyperText Markup Language - "하이퍼텍스트 마크업 언어")을 사용하여 해결됩니다. - 가 사용되는 언어입니다. 여기에는 우리에게 필요한 태그가 포함되어 있습니다. 이는 브라우저에 페이지 방문자를 보내는 데 필요한 주소와 시간(초)을 알려줍니다. 다음과 같습니다:
여기서 숫자 "10"은 예를 들어 사이트가 이동했다는 메시지를 읽을 시간을 갖기 위해 기다려야 하는 시간(초)을 나타냅니다. 그리고 주소는 브라우저에 방문자를 보내야 하는 URL을 제공합니다. 이 태그는 "페이지 헤더"(태그로 시작하고 태그로 끝나는 HTML 코드 영역)에 삽입되어야 합니다.
두 번째 리디렉션 방법은 JavaScript 언어의 기능을 사용합니다. 이를 사용하려면 적절한 . 먼저 JavaScript 스크립트가 이 시점에서 시작된다는 것을 브라우저에 알려야 합니다. JavaScript에서 이 여는 태그는 다음과 같습니다.
그리고 마무리는 이렇습니다.
이 두 태그 사이에는 언어 연산자라는 지침이 있습니다. 우리에게 필요한 리디렉션 효과는 다음 중 몇 가지를 통해 달성할 수 있습니다.
window.location.reload("http://www.site/");
또는
document.location.replace("http://www.site/");
또는
document.location.href="/";
전체 스크립트 코드