시맨틱 태그를 사용하여 IE6,7,8_HTML/Xhtml_Webpage Production과 호환되는 HTML을 작성하세요.-HTML 튜토리얼-php.cn

시맨틱 태그를 사용하여 IE6,7,8_HTML/Xhtml_Webpage Production과 호환되는 HTML을 작성하세요.

WBOY

풀어 주다： 2016-05-16 16:36:13

원래의

1627명이 탐색했습니다.

HTML5는 머리글, 바닥글, 탐색 등 더 많은 의미 태그를 추가합니다. 페이지를 작성할 때 페이지 레이아웃을 위해 더 이상 다음 방법을 사용할 필요가 없습니다.

XML/HTML 코드클립보드에 콘텐츠 복사

다음과 같이 레이아웃할 수 있습니다.

XML/HTML 코드클립보드에 콘텐츠 복사

하지만 IE는 Forward를 지원하지 않으므로 IE6, 7, 8을 지원하려면 js와 css에 다음과 같은 약간의 코드를 추가해야 합니다.

XML/HTML 코드클립보드에 콘텐츠 복사

css:

머리글,내용,바닥글{표시:블록}

위는 태그를 헤더로 맞춤 설정하고 표시를 차단하도록 설정하는 것을 의미합니다. 전체 코드는 아래에 첨부되어 있습니다.

XML/HTML 코드클립보드에 콘텐츠 복사

>
<html>
<머리>
<메타 문자 집합="utf- 8">
<제목>의미론적 태그를 사용하여 HTML을 작성하세요. IE6,7, 8과 호환됩니다. 제목>
<스타일>
*{여백:0;패딩:0;}
머리글,내용,바닥글{표시:블록}
헤더{너비:600px;높이:150px;라인 높이:150px;테두리:1px 솔리드 #000;마진:10px 자동;텍스트-정렬:센터;글꼴 크기:24px}
내용{너비:600px;높이:250px;라인 높이:250px;테두리:1px 솔리드 #000;마진:10px 자동;텍스트-정렬:센터;글꼴 크기:24px}
바닥글{너비:600px;높이:150px;라인 높이:150px;테두리:1px 솔리드 #000;마진:10px 자동;텍스트-정렬:센터;글꼴 크기:24px}
스타일>
<스크립트 유형="text/ javascript">
document.createElement("헤더")
document.createElement("콘텐츠")
document.createElement("바닥글")
스크립트>
머리>
<몸>
<헤더>헤더입니다헤더>
<콘텐츠>중간 콘텐츠 영역입니다콘텐츠>
<바닥글>하단입니다 바닥글>
몸>
html>