내 제목에 따라 올바른 방법은 무엇입니까? 나는 웹 사이트에 나오는이 두 보았다 :웹 사이트에서 이미지를 연결하는 올바른 방법은 무엇입니까?
<img alt="My image" height="60" src="http://www.website.com/images/myimage.png" width="80">
그리고
<img src="images/myimage.png" width="60" height="80" alt="my image"/>
는 각 유형의 좋은 무엇입니까? 첫 번째 이미지는 두 번째 이미지보다 빠른 이미지로드에 도움이됩니까?
감사합니다.
유일한 차이점은 이미지가 동일한 도메인에 있지 않으면 전체 URL을 사용해야한다는 것입니다. 속도에는 차이가 없습니다.
상대 URL이있는 경우 HTML 파일을 다른 위치로 이동하면 이미지가 손상됩니다. 전체 URL을 가지고있는 경우 웹 사이트를 다른 도메인으로 이동하면 이미지가 깨집니다.
나는 두 번째 옵션을 선호합니다. 링크는 html 파일이 위치한 경로와 관련이 있습니다. 사이트를 다른 하위 디렉토리로 복사하는 경우에는 첫 번째 옵션을 선택할 때 HTML 코드를 업데이트 할 필요가 없습니다. 이미지가 다른 도메인에 있으면 첫 번째 옵션이 최선의 방법입니다.
상대 URL을 사용하는 것이 더 좋지 않습니다. 왜냐하면 코드 구조에서 무언가를 바꿀 때 이미지에 대한 모든 참조를 변경해야하기 때문입니다.
상대 경로를 사용하면 아무 것도 변경할 필요가 없습니다.
모범 사례를 따르는 경우 개발, 테스트, 품질 보증, 생산 전 및 생산과 같은 여러 환경이 있어야합니다. 이러한 이유로 URL은 상대적이어야합니다. 당신이 모든 개발과 테스트를 자극한다면, 이것은 ... 사업을하는 나쁜 방법입니다.
+1 막대한 이유가없는 절대 링크로 가득 찼던 다른 주에 대규모 웹 애플리케이션을 옮겼습니다. 악몽이었습니다! – Stecman
@SRN 왜 두 번째가 더 빠릅니까? – JJJ
나는 그것이 빠르다고 생각하지 않는다 – Enve
당신은 상대적인 URL과 절대적인 상대를 읽을 수있다. http://stackoverflow.com/questions/2005079/absolute-vs-relative-urls – Dan