src가 HTML5에 나타날 수 있나요?

src는 HTML5에서 나타날 수 있습니다. src는 HTML5에서 요소 매핑 URL을 설정하는 데 사용되는 속성이며, src 속성은 HTML5에서 source를 의미하는 미디어 리소스 매핑 URL로 사용할 수 있습니다. 요소 "HTNLDediaElement"(예: "1fa89634df487eb3d48e5c7f45a49da1", "c310b76cd0a490ff8375daa4118dc7d1")

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

HTML5 src 속성

src 속성은 source의 약어로, 일반적으로 미디어 요소 HTNLDediaElement의 미디어 리소스 매핑 URL로 사용됩니다. 이미지 및 스크립트의 리소스 경로 예:

<img src="image/demo.png">
<iframe src="inner.html">
<script src="demo.js"></script>

src 로딩 미디어 리소스는 항상 차단되며 페이지의 다른 리소스는 처리를 위해 일시 ​​중지됩니다. 이는 일반적으로 스크립트 태그가 문서 끝에 로드되는 이유 중 하나입니다.

확장자:

href는 Hypetext Reference의 약자로 하이퍼텍스트 참조를 의미합니다. 미디어가 아닌 리소스, 즉 페이지에 표시할 필요가 없는 리소스이므로 로딩하는 것입니다. 이 리소스는 비차단 리소스입니다. 링크 및 태그 예시:

<link rel="stylesheet" src="style/demo.css">
<a href="./demo">demo</a>

요약하면 src는 로딩을 차단하는 미디어 리소스 경로의 매핑이고 href는 비차단인 하이퍼링크입니다.

미디어 리소스는 실제로 페이지에 표시되어야 한다는 것을 이해할 수 있습니다. 이는 DOM 구조의 실제 데이터이므로 로딩을 차단합니다. 하이퍼링크는 속성 및 참조와 동일하며 포함될 필요가 없습니다. 실제 리소스가 페이지에 표시되므로 페이지 로딩을 차단할 필요가 없습니다.

주목할 만한 문제는 js 스크립트가 미디어 리소스도 아니고 DOM에서 요구하는 데이터도 아니라는 것입니다. 왜 js 스크립트는 src를 사용하고 css는 href를 사용할 수 있나요? 사실 이는 디자인 초기에 내린 결정일 수도 있는데, 아마도 디자이너는 js 스크립트를 실행하면 페이지가 바뀌게 될 것, 즉 DOM이 바뀔 것이라고 생각했을 것이다. 물론 페이지와 함께 로드되어야 할 것이다. , CSS는 단지 페이지 스타일일 뿐이며 DOM을 변경하지 않습니다. 즉, 하이퍼링크입니다. 이 의미에서 우리는 페이지 차단 여부가 참조된 리소스의 크기와 관련이 없다는 것을 알 수 있습니다. 페이지 DOM이 실제로 변경되었는지 여부.

(학습 영상 공유: css 영상 튜토리얼, html 영상 튜토리얼)

위 내용은 src가 HTML5에 나타날 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!