상대 경로도 그대로 추출되나요?

네. 원본 HTML에 적힌 그대로(상대·절대 경로 구분 없이) 추출됩니다.

어떤 방식으로 추출하나요?

DOMParser로 HTML을 안전하게 파싱한 뒤 href·src 속성을 가진 모든 요소를 찾습니다. 스크립트는 실행되지 않아 안전합니다.

입력한 코드가 서버로 전송되나요?

전송되지 않습니다. 브라우저 안에서만 처리됩니다.

⛓️ 링크(href, src) 추출

HTML 소스코드를 붙여넣으면 href·src 속성의 링크를 전부 추출합니다.

HTML 소스코드

0개 발견

결과 (한 줄에 하나)

사용법

HTML 소스코드를 붙여넣으세요.
'추출' 버튼을 누르세요.
href·src 속성의 모든 링크가 목록으로 표시됩니다.

🎯 이럴 때 씁니다

페이지 소스에서 외부 링크 목록 뽑기
깨진 이미지 경로(src) 점검
크롤링 전 링크 구조 파악

입력 · 출력 예시

입력

<a href="https://example.com/">Home</a>
<a href="/about">About</a>
<img src="/img/logo.png" alt="Logo">
<a href="/about">About (dup)</a>
<script src="/js/app.js"></script>

출력

https://example.com/
/about
/img/logo.png
/js/app.js

href 속성이 먼저, 그다음 src 속성 순으로 링크가 추출되며 중복은 자동으로 제거됩니다. 위 예시의 /about은 두 번 등장하지만 결과에는 한 번만 나오고, 총 4개가 발견됩니다.

자주 묻는 질문

상대 경로도 그대로 추출되나요?: 네. 원본 HTML에 적힌 그대로(상대·절대 경로 구분 없이) 추출됩니다.
어떤 방식으로 추출하나요?: DOMParser로 HTML을 안전하게 파싱한 뒤 href·src 속성을 가진 모든 요소를 찾습니다. 스크립트는 실행되지 않아 안전합니다.
입력한 코드가 서버로 전송되나요?: 전송되지 않습니다. 브라우저 안에서만 처리됩니다.