2013-08-12 2 views
0

내 웹 페이지에 이미지를 표시하려고합니다. 오프라인으로 작업했지만 .html 및 .jpg 파일을 같은 디렉토리에 저장합니다. 나는 그것을 실행하기 위해 갈 때, 그것은 이미지를 표시하지 않습니다. 대신, 이상한 ASCII 기호와 함께 alt 값을 얻습니다.인라인 이미지를 표시하는 html

<head> 
    <title> Mpms Janitorial </title> 
</head> 

<body> 
<img src=”site.jpg” alt=”text” /> 
</body> 

+0

이미지가있는 src 디렉토리를 확인하십시오. – woofmeow

+2

큰 따옴표를 사용하십시오. '대신'''대신'''대신'''doctype 문자열이 필요합니다. – Oriol

답변

1

당신은 코드 주위 <html> 태그 누락 : 당신은 아주 기본입니다 볼 수 있습니다 여기에

는 HTML 코드입니다. 또한 img 태그에 대해 따옴표를 사용하고 있습니다.

이 시도 :

다른 사람이 쓴 것처럼
<html> 
<head> 
    <title> Mpms Janitorial </title> 
</head> 

<body> 
<img src="site.jpg" alt="text" /> 
</body> 
</html> 
+0

doctype이 누락되었습니다. – Oriol

+1

정품 XHTML을 제외하고''태그는 필요하지 않습니다 .DOCTYPE 문자열은 사양에 필요하며 효과가있을 수 있지만 이와 같은 것은 아닙니다. –

2

, 당신은 속성 값 주위에 잘못된 인용 부호를 사용하고 있습니다. 아마 뭔가

곱슬 인용 부호가 데이터를 HTML에서에 완벽하게 OK입니다. 아스키 인용 부호가 (")() 서버에있는 파일에 HTML 코드를 복사 할 때 곱슬 인용 부호로 변경해야"발생하지만, 특성 값을 구분 기호로 사용할 수 없으며 특성 값은 Ascii 따옴표 (") 또는 Ascii 아포스트로피 (')로 구분되거나 특정 조건에서 구분 기호없이 사용되어야합니다. 따라서 src="site.jpg"src='site.jpg'은 모두 정확하고 src=site.jpg은 XHTML을 제외하고는 정확합니다. alt 속성에 대해서도 마찬가지입니다.

중괄호를 사용하면 브라우저에서 데이터의 일부로 사용되므로 브라우저는 글자 그대로 (따옴표로 묶음) ”site.jpg”이라는 리소스를 요청합니다. 이 작업은 실패하므로 브라우저에 따라 깨진 이미지의 일반적인 기호 또는 alt 속성 값 또는이 둘의 조합이 표시됩니다.

"이상한 ASCII 기호"는 잘못된 문자 인코딩에 따라 잘못 해석 될 때 아마도 곱슬 따옴표입니다. 중괄호를 대체하거나 제거하면이 증상은 사라지 겠지만 나중에 문서에 예를 들어 텍스트에 곱슬 따옴표가 포함되는 경우 문제가 발생할 수있는 증상입니다. 영어 정자법. W3C 페이지에서 character encodings을 확인하는 것이 좋습니다.

(제 생각 엔 당신이 보았던 것이 â € text와 같은 것입니다.) â € (Ascii 문자가 아님)는 UTF-8로 인코딩 된 문서에 중괄호가있는 경우 얻을 수 있습니다. 실제로는 윈도우즈 -1252로 인코딩 된 것처럼 오해되고 있습니다 - 선언 할 때 다소 일반적인 시나리오와 실제 문자 인코딩이 일치하지 않습니다.)

관련 문제