웹 페이지 DIV+CSS 레이아웃과 ifame 일반 레이아웃 비교
div는 용기로서 구체적인 내용에 따라 자동으로 어울리기 때문에 그 넓이를 설정할 수 있다. 내용은 가능한 한 div에 배열할 수 있다. 물론 div의 넓이를 설정한 후에 그 안의 그림 문자는 설정한 넓이를 초과할 수 있다.
테이블 레이아웃, HTML 기본 태그 이미지 텍스트 하이퍼링크 목록 표를 볼 수 있습니다. 이 표에는 설명이 있습니다. 주의해야 할 것은 테이블 표에서colspan은 열을 뛰어넘어 칸을 합칠 수 있고rowspan은 줄을 뛰어넘어 칸을 합칠 수 있습니다!이전의 레이아웃은div+css를 제외하고frameset 레이아웃도 있는데 주로 백엔드 제어 메뉴 전환을 관리하고 이 부분의 리셋을 실현했다.
iframe는 번역해 보면 페이지 프레임워크인데 사실은 페이지를 끼워 넣는 데 쓰인다. 페이지 안에 다른 사람의 페이지를 끼워 넣을 수 있고 코드는 다음과 같다.
1 DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>ifame title>
7 head>
8 <body>
9 <iframe src="https://www.baidu.com/" frameborder="0" width="50%">iframe>
10 <iframe src="https://hao.360.com/" frameborder="0" width="50%" style="float: left;">iframe>
11 body>
12 html>그 다음으로 프레임워크는 프레임워크를 바탕으로 한 페이지 한 페이지가 끼워져 들어왔다. 주의해야 할 것은 프레임워크는 바디와 공용할 수 없고 이들은 같은 등급의 관계이기 때문에 둘 중 하나만 나타날 수 있다!구체적으로 아래의 코드에 따라 보면 실제 조작을 할 수도 있고 약간 빙빙 돌릴 수도 있다. 설명에 따라 하나, 둘, 셋 순서대로 보면 상응하는 주석이 있다.
1 DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>frameset title>
7 head>
8
9
13
14
15
22
23
24
25
26
27
28
29 <frameset rows="30%,70%">
30 <frame src="frame1.html">
31 <frameset cols="20%,80%">
32 <frame src="frame2.html">
33 <frame src="frame3.html" name="showframe">
34 frameset>
35 frameset>
36 html>마지막으로 iframe와 프레임의 차이에 대해 내가 보기에 iframe는 번역하면 끼워 넣는 것이고 사실은 다른 페이지를 자신의 페이지에 끼워 넣는 것이다.이 프레임은 프레임셋이 국부 리셋을 실현하는 초석이다. 프레임이 없으면 프레임 리셋이 국부 리셋을 실현할 수 없다. 동시에 주의해야 할 것은 프레임셋과 바디가 동시에 나타날 수 없다는 것이다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
