WEB/HTML

Document fragments(문서 조각), 절대 URL과 상대 URL

너굴Dev 2022. 3. 15. 09:05

Document fragments(문서 조각)

문서 상단이 아닌 HTML 문서 내부의 특정 부분 Document fragments(문서 조각)에 링크 할 수 있다

링크를 시키고 싶은 태그에 id 속성을 넣어 주어야한다

일반적으로는 특정 헤드라인에 연결하는 것이 타당

<h2 id="Mailing_address">Mailing address</h2>
...
<p>Want to write us a letter? Use our <a href="contacts.html#Mailing_address">mailing address</a>.</p>

Document fragments(문서 조각)를 단독으로 사용하여 동일한 문서의 다른 부분에 연결할 수 있다

<p>The <a href="#Mailing_address">company mailing address</a> can be found at the bottom of this page.</p>

절대 URL과 상대 URL

절대 URL

  • 웹에서 정의된 상대적인 위치.
    • protocol and domain name 포함
  • 예를 들어, index.html 페이지가 projects 폴더에 업로드 되면 이는 웹 서버의 root 안에 위치 할 때
  • 절대 URL은 어디에 사용되든 항상 같은 장소를 가리킨다.

상대 URL

  • link하고 있는 파일(과거 섹션의 파일 같은)로부터 상대적인 위치를 가리킨다.
    • 파일 http://www.example.com/projects/index.html 에서
      • 같은 디렉토리에 있는 PDF 파일로 link하려면,
        • URL은 project-brief.pdf 과 같이 파일이름을 사용
      • PDF 파일이 projects 하위 디렉토리인 pdfs에 있다면,
        • URL은 pdfs/project-brief.pdf
  • 파일의 실제 위치가 어디냐에 따라 다른 장소를 가리킴

'WEB > HTML' 카테고리의 다른 글

Link 적용 예  (0) 2022.04.07
URL 과 path 에 대한 기본 지침 - Creating hyperlinks  (0) 2022.02.28
하이퍼링크란? - HTML Creating hyperlinks  (0) 2022.02.24
HTML - 중요와 강조  (0) 2022.02.23
HTML - List  (0) 2022.02.21