코딩을 위한 필수 사이트들
- 깃허브
- MDN Semantics
- pixabay : 이미지 사이트
- videvo : 소리 파일 사이트
- flexbox froggy : 플렉스박스 연습하기
<head>에 파비콘 넣는 방법 클릭
<base> 태그를 사용하는 방법 (중요) 클릭
더보기
base 태그를 사용하는 이유
chatGTP
물건을 사러 쇼핑 센터에 간다고 상상해봅시다. 그리고 그 쇼핑 센터에는 다양한 상점들이 있습니다. 여러분은 이 쇼핑 센터의 출구 주변에 있고, 어떤 상점에 들어가기 위해서는 어떤 출구로 나가야 할지를 결정해야 합니다.
이때, `<base>` 태그는 마치 여러분이 있는 위치를 지정하는 표지판이라고 생각해볼 수 있습니다. 이 표지판을 보고 상점으로 가기 위해 어떤 출구를 선택해야 하는지 알 수 있게 됩니다.
여기서 쇼핑 센터는 웹 사이트를 의미하고, 여러 상점들은 웹 사이트 내의 다양한 페이지들이고, 출구들은 상대 경로를 나타냅니다. `<base>` 태그를 사용하면 마치 웹 페이지에 위치한 상대 경로들이 어떤 출구(기준 URL)를 따라서 결정되는지를 명확하게 지정할 수 있습니다. 이것이 마치 쇼핑 센터에 위치한 상점들이 어떤 출구 주변에 있는지를 알려주는 표지판이 되는 것이죠.
따라서 `<base>` 태그를 사용하면 웹 페이지의 모든 상대 경로가 그 표지판(기준 URL)을 보고 자기 위치를 알 수 있게 되어, 페이지 간 이동이나 리소스 참조 등이 더 편리하고 쉬워지게 됩니다.
오픈그래프
: 콘텐츠 요약 내용이 SNS에 게시되는데 최적화된 데이터를 가지고 갈 수 있도록 설정하는 것.
설명 링크
'frontend > HTML' 카테고리의 다른 글
| 메인 페이지에서 서브 파일을 불러오는 방법은 (0) | 2023.07.31 |
|---|---|
| 웹사이트 로딩이 더 빨라지는 매직? │노마드 코더 (0) | 2023.07.27 |
| 가장 큰 박스 (0) | 2023.07.26 |
| [필기] HTML 기초 (2) (0) | 2023.07.25 |
| [필기] HTML 기초 (1) (0) | 2023.07.25 |
| [강의정보] HTML/CSS 기초 - 짐코딩 (0) | 2023.07.25 |
| fieldset로 묶기와 section으로 묶기 차이 (0) | 2023.07.24 |
| 드롭다운 코드에 대해 간단히 설명해. (0) | 2023.07.24 |
