>  기사  >  웹 프론트엔드  >  프레임셋 태그, 프레임 태그, iframe 태그 활용 분석

프레임셋 태그, 프레임 태그, iframe 태그 활용 분석

巴扎黑
巴扎黑원래의
2017-06-27 09:59:312712검색


프레임은 웹 개발에 있어서 반드시 숙지해야 할 지식입니다. 예를 들어 백엔드 아키텍처, 부분 새로 고침 및 페이지 분할은 모두 프레임을 사용하며, 특히 백엔드 페이지 제작에 프레임을 사용하면 사용자에게 매우 편안한 경험을 제공합니다.

프레임 지식 포인트에는 (프레임셋 태그, 프레임 태그, iframe 태그)가 포함됩니다.

1. 프레임셋

1. ①border

프레임 설정 테두리 두께.

②bordercolor

프레임의 테두리 색상을 설정합니다.

3frameborder

프레임 테두리 표시 여부를 설정합니다. 설정 값은 0과 1뿐입니다. 0은 테두리가 없음을 의미하고 1은 테두리를 표시한다는 의미입니다.

¼cols

페이지를 세로로 분할하세요. 수치 표현 방법에는 "30%, 30(또는 30px), *" 3가지가 있으며, 값의 개수는 분할된 창의 개수를 나타내며 값은 ","로 구분됩니다. "30%"는 프레임 영역이 전체 브라우저 페이지 영역의 30%를 차지함을 의미하고, "30"은 해당 영역의 가로 너비가 30픽셀임을 의미하고, "*"는 해당 영역이 나머지 페이지 공간을 차지함을 의미합니다. 예: cols="25%,200,*" 페이지가 세 부분으로 나누어져 있음을 나타냅니다. 왼쪽 부분은 페이지의 30%를 차지하고 가운데 가로 너비는 200픽셀이며 페이지의 나머지 부분은 오른쪽 부분입니다.

⑤rows

페이지를 가로로 분할합니다. 수치 표현 방법 및 의미는 열과 동일합니다.

⑥framespacing

프레임 사이에 예약된 공간 거리를 설정합니다.

2. 사용 사례

참고 1:

동일한 태그에 cols 및row 속성을 사용하지 마세요. 아래 아키텍처를 구현하려면 코드를 작성하는 올바른 방법은 다음과 같습니다. 0" 프레임 간격 ="0">


[즉, 열과 행을 모두 사용하려면 프레임셋 중첩을 사용할 수 있습니다]

참고 2:

은 첫 번째 프레임이 전체 브라우저 창의 40%를 차지하고 나머지 공간이 나머지 두 프레임에 균등하게 분배된다는 의미입니다.

의미: 브라우저 창이 네 부분으로 동일하게 나뉩니다.


2. 프레임

1. 속성

①name

프레임 이름을 설정하세요 . 이 속성을 설정해야 합니다.


②src

이 프레임에서 표시할 웹페이지의 이름이나 경로를 설정합니다. 이 속성을 설정해야 합니다.

3스크롤

스크롤바 표시 여부를 설정합니다. 설정값은 auto, yes, no 입니다.

4bordercolor


프레임의 테두리 색상을 설정합니다.

⑤frameborder


프레임 테두리 표시 여부를 설정합니다. 설정 값은 0과 1뿐입니다. 0은 테두리가 없음을 의미하고 1은 테두리를 표시한다는 것을 의미합니다.

⑥noresize


프레임 크기를 수동으로 조정할 수 있는지 여부를 설정합니다.

7marginwidth

프레임 테두리와 그 안에 있는 내용 사이의 너비를 설정합니다.

⑧marginhight

프레임 테두리와 그 안에 있는 내용 사이의 높이를 설정합니다.

9width

프레임 너비를 설정합니다.

⑩height

프레임 높이를 설정합니다.

2. 사용 사례

프레임은 유사하며, 다른 주요 프레임은 다음과 같습니다(동일한 프레임은 나열되지 않음)

1 속성

①align

세로 또는 가로 정렬 설정

②allowTransparency

object가 투명할 수 있는지 여부를 설정하거나 가져옵니다.

2. 사용 사례

참고:

iframe 태그의 확인 방법은 프레임셋 및 프레임 태그와 다르며 XHTML 1.0 Transitional입니다. 그리고 iframe은 body 태그 내에 배치되고, 프레임셋과 프레임은 body 태그 외부에 배치됩니다.

4. 종합 예시

& lt;머리>

<제목> 종합예

< noframes>

죄송합니다. 귀하의 브라우저는 "프레임"을 지원하지 않습니다!

【설명】

플래그 쌍도 플래그 쌍 사이에 배치되며, 프레임을 지원하지 않는 경우에 사용됩니다. 브라우저에 텍스트 또는 이미지 정보를 표시합니다. 익숙한 태그를 사용하기 전에 이 태그 쌍 바로 뒤에 태그 쌍이 옵니다.

마지막으로 참고할 사항:

위에서 작성한 대로 VS에 코드를 작성하고 오류를 보고하는 경우(예:


또는 )


해결 방법은 다음과 같습니다.

도구→옵션→텍스트 Editor→HTML→확인→Internet Explorer 6.0

그럼요, 위 내용을 통해 좀 더 연습하다 보면 프레임에 대한 관련 지식이 차츰 익숙해지실 거에요. 잘 활용하시면 정말 좋다는 걸 알게 되실 거예요. 프레임 시리즈 태그의 event 방식은 일반적으로 많이 사용되지 않으며, 필요한 경우 직접 확인해 볼 수 있습니다. [하하 사실 아직 써본 적은 없어요]

위 내용은 프레임셋 태그, 프레임 태그, iframe 태그 활용 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.