HTML 웹 페이지로 자동으로 이동하는 5가지 방법-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

HTML 웹 페이지로 자동으로 이동하는 5가지 방법

青灯夜游

Nov 10, 2020 pm 05:58 PM

html웹페이지 점프

HTML 웹 페이지로 자동으로 이동하는 5가지 방법

(추천 튜토리얼: html 튜토리얼)

웹사이트를 만들 때 웹페이지로 이동해야 하는 상황이 자주 발생합니다. 이 글에서는 웹페이지 자동 이동의 5가지 방법을 소개합니다. 참고할만한 가치가 있는 친구들이 참고하면 좋을 것 같습니다.

웹 페이지 자동으로 이동하는 5가지 방법:

웹 페이지 자동으로 이동하는 첫 번째 방법: 메타 새로 고침 자동 점프 방법

헤드의 메타 새로 고침 웹 페이지 영역 태그에 자동 점프 코드를 추가하여 웹 페이지의 즉시 또는 지연 자동 점프를 구현합니다. meta refresh标签中，加入自动跳转代码，可实现网页的立即或延时自动跳转。

示例如下：

 <meta http-equiv="refresh" content="10;url= http://xfbbs.com/ ">

上述html代码中的“10”是延时跳转的时间，单位是秒。如果设为0，就表示立即跳转。

“ http://xfbbs.com ”是跳转的目标地址，可以是同一域名下的站内相对路径，也可以是不同域名的站外地址。

由于搜索引擎能够读取html，所以对于这种自动跳转方法，搜索引擎是能够自动检测出来的。被视为作弊，则主要看跳转时间。如果跳转时间为0，就可能会被视为作弊，从而受到惩罚。如果有时间延迟（一般3秒以上），就会被视为正常应用。

第二种网页自动跳转方法：body onload自动跳转法

在网页加载时通过onload事件指定parent.location进行自动跳转。

示例如下：

 <body onload="parent.location=&#39; http://xfbbs.com&#39; ">

这种方法与第一种方法一样，能够被搜索引擎识别。

第三种网页自动跳转方法：javascript自动跳转法

javascript可以实现网页的自动跳转，如果要实现立即跳转，将跳转代码放在网页的head区域即可。

示例如下：

<script language="javascript"> location.replace(" http://xfbbs.com/yule/tietu/ ") </script>

其中的“ http://xfbbs.com/yule/tietu/ ”是重定向目标地址。

由于搜索引擎无法解析javascript，所以搜索引擎便无法识别用javascript脚本进行的自动跳转。

第四种网页自动跳转方法：表单自动跳转法

对于表单大家都很熟悉，就是将表单中填写的内容，提交到action参数中指定的url地址中，目标url再对接收到的数据进行处理。利用这一点，我们可间接的实现网页跳转，只不过，我们并不需要提交任何表单内容。再结合javascript脚本，可以对表单进行自动提交。

示例如下：

<form name="form1" action= http://xfbbs.com/index.html method="get"> </form> 
<script language="javascript"> document.form1.submit() </script>

其中form1名称任意，但二处form1应该统一。

action中的url地址必须以文件名结尾，例如“action= http://xfbbs.com/ ”或“action= http://xfbbs.com/yule ”便是不规范写法。method可以是get也可以是post，但根据我的经验，提交空表单时最好使用get。

众所周知，由于搜索引擎的蜘蛛程序是不会填写表单的，所以搜索引擎便无法识别通过这种方法实现的网页自动跳转。

第五种网页自动跳转方法：程序跳转法（response.redirect 、server.transfer）

每种程序都有各自的页面跳转方法，例如asp中使用response.redirect 来进行跳转。

跳转范例如下：

response.redirect " http://xfbbs.com "

它的作用是，asp程序运行到该行代码后，会立即跳转到目标url地址中去。

在asp中，除了使用response.redirect 做跳转外，还有一个跳转方法，用server.transfer进行跳转。

跳转范例如下：

response.redirect "/yule/tietu/index.html"

注意，这里的url地址，必须是站内地址，且url地址必须以文件名结尾，例如：response.redirect "/yule/tietu/" 便是错误用法。

response.redirect和server.transfer都能实现网页自动跳转，但二者也有不同之处，前者可以跳转到站内url，也可以跳转到站外url，而后者只能跳转到站内文件，且浏览器地址栏的url将保持不变。

server.transfer还有许多好处，这里不多详述，大家可在搜索引擎中查找它的更多资料。使用response.redirect 跳转虽然是在服务器端完成跳转的，但它最终是转换成html后在客户端执行的，因此，也能被搜索引擎识别，过多的使用亦会被当作作弊处理。

如果是在同一网站内部的不同网页间跳转，建议使用server.transfer跳转，server.transfer

예는 다음과 같습니다.

rrreee위 HTML 코드의 "10"은 지연 점프 시간이며 단위는 초입니다. 0으로 설정하면 즉시 점프를 의미합니다.

" http://xfbbs.com "는 점프의 대상 주소로, 동일한 도메인 이름의 사이트 내 상대 경로일 수도 있고 다른 도메인 이름의 오프사이트 주소일 수도 있습니다. 도메인 이름. 🎜🎜검색 엔진은 HTML을 읽을 수 있으므로 검색 엔진은 이 자동 점프 방법을 자동으로 감지할 수 있습니다. 부정 행위로 간주되는 경우 주로 점프 시간에 따라 다릅니다. 점프 시간이 0일 경우 부정 행위로 간주되어 처벌을 받을 수 있습니다. 시간 지연(보통 3초 이상)이 발생하면 정상적인 애플리케이션으로 간주됩니다. 🎜🎜🎜웹 페이지 자동 점프의 두 번째 방법: body onload 자동 점프 방법 🎜🎜🎜 웹 페이지 로딩 시 자동으로 점프하려면 onload 이벤트를 통해 parent.location을 지정하세요. 🎜🎜예는 다음과 같습니다. 🎜rrreee🎜이 방법은 첫 번째 방법과 동일하며 검색 엔진에서 인식할 수 있습니다. 🎜🎜🎜웹 페이지 자동 점프의 세 번째 방법: 자바스크립트 자동 점프 방법 🎜🎜🎜자바스크립트는 웹 페이지의 자동 점프를 구현할 수 있습니다. 즉각적인 점프를 원한다면 웹의 헤드 영역에 점프 코드를 넣으면 됩니다. 페이지. 🎜🎜예는 다음과 같습니다. 🎜rrreee🎜여기서 "http://xfbbs.com/yule/tietu/ "는 리디렉션 대상 주소입니다. 🎜🎜 검색 엔진은 자바스크립트를 구문 분석할 수 없기 때문에 검색 엔진은 자바스크립트 스크립트를 사용하는 자동 점프를 인식할 수 없습니다. 🎜🎜🎜웹 페이지 자동 점프의 네 번째 방법: 폼 자동 점프 방법 🎜🎜🎜폼에 작성된 내용을 액션 매개변수에 지정된 URL 주소로 제출한 후 타겟으로 보내는 폼은 누구나 익숙할 것입니다. url은 수신된 데이터가 처리됩니다. 이를 사용하여 웹페이지 점프를 간접적으로 구현할 수 있지만 양식 콘텐츠를 제출할 필요는 없습니다. 자바스크립트 스크립트와 결합하여 양식을 자동으로 제출할 수 있습니다. 🎜🎜예제는 다음과 같습니다. 🎜rrreee🎜form1의 이름은 임의적이지만, form1 두 곳은 통일되어야 합니다. 🎜🎜실행 중인 URL 주소는 "action= http://xfbbs.com/" 또는 "

action= http://xfbbs.com/과 같이 파일 이름으로 끝나야 합니다. yule”는 불규칙한 쓰기 방식입니다. 방법은 get 또는 post일 수 있지만 내 경험에 따르면 빈 양식을 제출할 때는 get을 사용하는 것이 가장 좋습니다. 🎜🎜 우리 모두 알고 있듯이 검색 엔진 스파이더 프로그램은 양식을 작성할 수 없기 때문에 검색 엔진은 이 방법을 통해 달성된 웹 페이지의 자동 점프를 인식할 수 없습니다. 🎜🎜🎜자동 웹 페이지 점프의 다섯 번째 방법: 프로그램 점프 방법(<code>response.redirect

, server.transfer)🎜🎜🎜각 프로그램에는 자체 페이지 점프 방법이 있습니다. 예를 들어 ASP에서 response.redirect를 사용하여 점프하세요. 🎜🎜점프 예는 다음과 같습니다: 🎜rrreee🎜 그 기능은 asp 프로그램이 이 코드 줄로 실행된 후 즉시 대상 URL 주소로 점프하는 것입니다. 🎜🎜ASP에는 response.redirect를 사용하여 점프하는 것 외에도 server.transfer를 사용하여 점프하는 점프 방법도 있습니다. 🎜🎜점프 예시는 다음과 같습니다. 🎜rrreee🎜 여기서 URL 주소는 사이트 주소여야 하며, URL 주소는 파일 이름으로 끝나야 합니다. 예: response.redirect "/yule/tietu/ " 잘못된 사용법입니다. 🎜🎜response.redirect 및 server.transfer는 둘 다 웹 페이지의 자동 리디렉션을 실현할 수 있지만 전자는 사이트 내 URL로 이동할 수도 있습니다. 오프사이트 URL로 이동할 수 있습니다. 이는 온사이트 파일로만 이동할 수 있으며 브라우저 주소 표시줄의 URL은 변경되지 않습니다. 🎜🎜server.transfer에는 많은 이점이 있습니다. 여기서는 자세히 설명하지 않겠습니다. 검색 엔진에서 이에 대한 자세한 정보를 찾을 수 있습니다. response.redirect를 사용한 점프는 서버 측에서 완료되지만, 최종적으로는 HTML로 변환되어 클라이언트 측에서 실행되기 때문에 검색 엔진에서도 인식될 수 있습니다. 부정행위로 처리됩니다. 🎜🎜동일한 웹사이트 내에서 다른 웹페이지 사이를 이동하는 경우 server.transfer를 사용하여 이동하는 것이 좋습니다. server.transfer는 부정 행위로 간주되지 않습니다. 검색 엔진에 의해. 🎜🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 비디오🎜를 방문하세요! ! 🎜

위 내용은 HTML 웹 페이지로 자동으로 이동하는 5가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명

이 기사는 博客园에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제

관련 기사

HTML의 미래 : 웹 디자인의 진화 및 트렌드Apr 17, 2025 am 12:12 AM

HTML의 미래는 무한한 가능성으로 가득합니다. 1) 새로운 기능과 표준에는 더 많은 의미 론적 태그와 WebComponents의 인기가 포함됩니다. 2) 웹 디자인 트렌드는 반응적이고 접근 가능한 디자인을 향해 계속 발전 할 것입니다. 3) 성능 최적화는 반응 형 이미지 로딩 및 게으른로드 기술을 통해 사용자 경험을 향상시킬 것입니다.

HTML vs. CSS vs. JavaScript : 비교 개요Apr 16, 2025 am 12:04 AM

웹 개발에서 HTML, CSS 및 JavaScript의 역할은 다음과 같습니다. HTML은 컨텐츠 구조를 담당하고 CSS는 스타일을 담당하며 JavaScript는 동적 동작을 담당합니다. 1. HTML은 태그를 통해 웹 페이지 구조와 컨텐츠를 정의하여 의미를 보장합니다. 2. CSS는 선택기와 속성을 통해 웹 페이지 스타일을 제어하여 아름답고 읽기 쉽게 만듭니다. 3. JavaScript는 스크립트를 통해 웹 페이지 동작을 제어하여 동적 및 대화식 기능을 달성합니다.

HTML : 프로그래밍 언어입니까 아니면 다른 것입니까?Apr 15, 2025 am 12:13 AM

Htmlisnotaprogramminglanguage; itisamarkuplanguage.1) htmlstructuresandformatswebcontentusingtags.2) itworksporstylingandjavaScriptOfforIncincivity, WebDevelopment 향상.

HTML : 웹 페이지 구조 구축Apr 14, 2025 am 12:14 AM

HTML은 웹 페이지 구조를 구축하는 초석입니다. 1. HTML은 컨텐츠 구조와 의미론 및 사용 등을 정의합니다. 태그. 2. SEO 효과를 향상시키기 위해 시맨틱 마커 등을 제공합니다. 3. 태그를 통한 사용자 상호 작용을 실현하려면 형식 검증에주의를 기울이십시오. 4. 자바 스크립트와 결합하여 동적 효과를 달성하기 위해 고급 요소를 사용하십시오. 5. 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함되며 검증 도구가 필요합니다. 6. 최적화 전략에는 HTTP 요청 감소, HTML 압축, 시맨틱 태그 사용 등이 포함됩니다.

텍스트에서 웹 사이트로 : HTML의 힘Apr 13, 2025 am 12:07 AM

HTML은 웹 페이지를 작성하는 데 사용되는 언어로, 태그 및 속성을 통해 웹 페이지 구조 및 컨텐츠를 정의합니다. 1) HTML과 같은 태그를 통해 문서 구조를 구성합니다. 2) 브라우저는 HTML을 구문 분석하여 DOM을 빌드하고 웹 페이지를 렌더링합니다. 3) 멀티미디어 기능을 향상시키는 HTML5의 새로운 기능. 4) 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함됩니다. 5) 최적화 제안에는 시맨틱 태그 사용 및 파일 크기 감소가 포함됩니다.

HTML, CSS 및 JavaScript 이해 : 초보자 안내서Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

HTML의 역할 : 웹 컨텐츠 구조Apr 11, 2025 am 12:12 AM

HTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.