SRC (HTML 속성)

HTML의 속성은 내장 된 리소스의 위치, 가장 일반적으로 이미지의 위치를 ​​지정하지만 오디오, 비디오 및 iframes에도 적용됩니다. 이 위치는 서버의 루트 디렉토리 또는 전체 URL에 비해 현재 웹 페이지와 관련이있을 수 있습니다. 상대 경로 :

src 동일한 디렉토리 :

(image.jpg는 html 파일과 동일한 폴더에 있습니다). 한 레벨 업 : (image.jpg는 현재 HTML 파일 위의 하나의 디렉토리입니다). 웹 사이트 루트 내에서 > :

(image.jpg는 웹 사이트의 루트의

폴더에 있습니다).
• 절대 URL : <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174052993373573.jpg" class="lazy" alt="src (HTML attribute) "> 다른 서버에서 호스팅 된 이미지의 경우 전체 URL을 사용하십시오. 예 :
다음 코드는 라는 이미지를 HTML 파일과 동일한 디렉토리에 표시합니다.
• 주요 고려 사항 : <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174052993391833.jpg" class="lazy" alt="src (HTML attribute) "> 속성 :
는 항상
• 속성을 ​​포함하여 화면 리더에게 대체 텍스트를 제공하고 이미지가로드되지 않을 때를 제공합니다. 이것은 접근성에 중요합니다. 파일 유형 : 속성은 파일 유형을 정확하게 반영해야합니다 (예 : , , , , ). 오류 처리 : /images 지정된 리소스를 찾지 못하면 브라우저는 일반적으로 깨진 이미지 아이콘을 표시하거나 전혀 아무것도 표시하지 않습니다. 적절한 오류 처리에는 대체 이미지 소스 또는 폴백 메커니즘이 포함될 수 있습니다. 보안 :
다른 도메인에서 자원을 포함시킬 수 있습니다. 브라우저 보안 정책 (CORS).

자주 묻는 질문 (faqs) : 제공된 텍스트는 속성의 여러 측면을 다루지 만, 여기에 간결한 요약 요약이 있습니다.

란 무엇이 ?
• (소스) 임베디드 리소스의 URL을 지정합니다. 어떤 태그를 사용하는지 src? src, , , 및 기타 외부 컨텐츠를 포함시킵니다. 가 누락되면 어떻게됩니까? src 이미지 (또는 다른 임베디드 리소스)가 표시되지 않습니다. 다른 도메인을 처리 할 수 ​​있습니까? <img alt="SRC (HTML 속성)" > 예, 그러나 CORS 제한에 따라. 다중 소스? <audio></audio> elements in , <video></video> 또는 여러 소스의 태그를 사용합니다. <iframe></iframe> 상대 대 절대 ​​URL?
상대 URL은 현재 페이지와 관련이 있습니다. 절대 URL은 완전한 URL입니다
• vs. src?
• 내용; 는 최대 파일 크기? 엄격한 제한은 없지만 파일이 큰 파일은로드 시간에 영향을 미칩니다. https to http? src 보안 위험 (혼합 컨텐츠 경고)으로 인해 권장되지 않습니다. 이 개정 된 답변은보다 간소화 된 설명을 제공하고 FAQ를 더 명확하고 간결한 방식으로 해결합니다.

위 내용은 SRC (HTML 속성)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!