Идэвхтэй зар сурталчилгааны систем хүрээ эсвэл iframe. iFrame гэж юу вэ? Вэб аналитик ба хүрээтэй хуудас
Бүрэлдэхүүн
Хүрээ
Юу хийдэг юм
HTML хуудсанд хуудас хэрхэн оруулах вэ? Үүнийг хийхийн тулд та ашиглах хэрэгтэй
Дэлгэц
Дэлгэцийн блок.
Жишээ код
Хүчирхэг хэрнээ хэрэглэхэд хялбар
Эрт дээр үед вэб дизайн маш их байсан Хөгжүүлэгч бүрийн амьдралыг сүйтгэдэг элементүүд. Тэд бараг үргэлж дизайны буруу хандлагатай байсан. Аз болоход, элемент HTML5 дээр хуучирсан. Гэхдээ
Ижил төстэй байдал ба ялгаа
Эдгээр хоёр элемент нь тусдаа HTML баримт үүсгэх боломжийг олгодог. Одоогийн вэб хуудаснаас иш татсан баримт бичгийн агуулгын холбоосыг src шинж чанарт зааж өгсөн болно.
Гол ялгаа нь
Видео нь HTML хуудсан дээр байгаа бөгөөд тусдаа самбар дээр биш юм. элемент нь энэхүү парадигмыг эвдэж, баримт бичигт хөтчийн цонхыг хянах боломжийг олгож, үүнийг хэд хэдэн жижиг самбар (хүрээ) болгон хувааж, тус бүр нь тусдаа баримт бичгийг харуулдаг. Бусад бүх ялгаа нь энэ үндсэн ялгаанаас үүдэлтэй.
Frame-д суурилсан бүдүүвчийг iframes-ээр дахин бүү хий
Хэзээ нэгэн цагт та жааз ашиглан бүтээсэн хуучин вэбсайтаа шинэчлэх ажилтай тулгарч магадгүй юм. Та ашиглахыг хүсч магадгүй юм
Сайн (болон аймшигтай) хэрэглээ
Хэд хэдэн хүчинтэй хэрэглээний тохиолдол байдаг
- гуравдагч этгээдийн медиа контентыг оруулах;
- платформ хоорондын баримт бичгээр дамжуулан өөрийн медиа контентыг оруулах;
- оруулах кодын жишээ;
- гуравдагч талын "аплет"-ыг төлбөрийн хэлбэр болгон оруулах.
Зарим аймшигтай хэрэглээний тохиолдлууд энд байна:
- Фото зургийн цомог;
- форум эсвэл чат.
Хэрэв та бие даасан, өмнө нь байгаа HTML баримтуудыг одоогийнх руу оруулах шаардлагатай бол ашиглана уу
iframe шинж чанарууд
Аттрибутын нэр | Утга | Тодорхойлолт |
хамгаалагдсан хязгаарлагдмал орчин | Зөвшөөрөх-ижил гарал үүсэл Дээд талын навигацийг зөвшөөрөх Зөвшөөрөх маягтууд Зөвшөөрөх-скриптүүд |
Хүрээнд ачаалагдсан контентод хэд хэдэн хязгаарлалт тавьдаг. Өмнө нь тохируулсан HTML хуудсыг хэрхэн үүсгэх. |
гүйлгэх | тиймээ автомат байхгүй | Хүрээнд гүйлгэж харуулах эсэхийг тодорхойлно. HTML5 дээр хуучирсан. Оронд нь CSS ашиглана уу. |
Нэр | Нэр | Хүрээний нэрийг зааж өгнө. |
Зохицуулах | зүүн баруун дээд дунд ёроол |
Хүрээлэн буй элементүүдтэй харьцуулахад хүрээний тэгш байдлыг тодорхойлно. Хуучирсан. Оронд нь CSS ашиглана уу. |
хүрээ | тийм (эсвэл 1) үгүй |
Хүрээний эргэн тойронд хүрээг харуулахыг идэвхжүүлэхэд ашигладаг. HTML5 дээр хуучирсан. Оронд нь CSS ашиглана уу. |
longdesc | URL | Хүрээний агуулгын урт тайлбарыг агуулсан хуудасны URL-г тодорхойлоход ашигладаг. Хуучирсан. Оронд нь CSS ашиглана уу. |
захын өргөн | пиксел | Агуулгаас хүрээний хүрээ хүртэлх дэвсгэрийн өргөнийг хянахад ашигладаг. Хуучирсан. Оронд нь CSS ашиглана уу. |
src | URL | IFRAME-д харуулах баримт бичгийн URL-г зааж өгнө. |
vspace | пиксел | Хүрээнээс эргэн тойрон дахь контент хүртэлх босоо захын зайг тохируулна. Хуучирсан. Оронд нь CSS ашиглана уу. |
өргөн | пиксел % | HTML хуудасны хүрээний өргөнийг тодорхойлно. |
Энэхүү нийтлэл нь " нийтлэлийн орчуулга юм.
Affiliate Iframe нь таны сайтын харагдах байдалд ямар ч байдлаар нөлөөлдөггүй сурталчилгааны төрөл юм. Өөрөөр хэлбэл, баннер, попап эсвэл бусад ядаргаатай цонхоор зочлохгүй. Танай сайтад зочилсон хүмүүсийн төлбөрийг яг нарийн төлөх болно. Үүний дагуу ирц өндөр байх нь зүйтэй. Орлого нь зочин тан руу ирсэн газраас (хайлтын систем, хавчуурга гэх мэт) хамаарна. Мэдээжийн хэрэг, зорилтот зочдод, өөрөөр хэлбэл хайлтын системээс ирсэн хүмүүс хамгийн сайн төлдөг. Мөн зочин аль улсаас ирсэн нь чухал үүрэг гүйцэтгэдэг.
Энэ төрлийн зар сурталчилгааны давуу болон сул талуудыг авч үзье.
Давуу тал:
- Суулгахад хялбар. Та зүгээр л сайтын бүх (эсвэл бүх биш) хуудсан дээр түншлэлийн кодыг суулгах хэрэгтэй.
- Идэвхгүй орлого. Өөрөөр хэлбэл, таны сайтад зочилсон хэрэглэгч бүрийн хувьд мөнгө тооцогдох бөгөөд та юу ч хийх шаардлагагүй болно.
- Ядаргаатай баннер байхгүй эсвэл .
- Ихэнхдээ аливаа сайтыг хүлээн зөвшөөрдөг.
- Тэд ATS, автосерфинг, axleboxes гэх мэт урсгалыг хүлээн авдаг.
- Лавлах хөтөлбөр.
Сул талууд:
- Вирусууд. Зарим түншлэлийн iframes (ялангуяа сурталчлагч сайтууд) вирус агуулдаг боловч ихэнхдээ та өөрийн харьяа бүртгэлээс вирусын сайтыг хориглож болно.
- Дахин чиглүүлэлтүүд. Заримдаа порно сайт руу чиглүүлэх тохиолдол гардаг.
iframe-ийн салбаруудын жагсаалт:
- - энэ төрлийн хамгийн эртний түншлэлийн хөтөлбөр бөгөөд хамгийн шилдэг нь. Та вирустай сайтуудыг хориглож болно. Мөн шинэ сайт нэмэхдээ "Модераторууд баталгаажуулаагүй эх сурвалжийг миний сайтад нийтлэх" гэсэн нүдийг бүү сонгоорой гэж зөвлөж байна. Орлого бага байх болно, гэхдээ вирус байхгүй, гэхдээ таны сайт зөвхөн мөнгө олох зорилгоор бүтээгдсэн бол орлогоо нэмэгдүүлэх нь дээр. 1000 давтагдашгүй айлчлал тутамд замын хөдөлгөөний зардал 0.50 - 0.70 доллар байна. Аливаа сайтыг хүлээн авна. Бусад ижил төстэй түншлэлийн хөтөлбөрүүдээс гол давуу тал нь хүсэлтийн дагуу шууд төлбөр хийх, өөрөөр хэлбэл та төлбөрөө захиалах хэрэгтэй (хөдөлмөрийн хөлсний доод хэмжээ байхгүй) бөгөөд энэ нь нэг минутын дотор ирнэ.
- — iframe зар сурталчилгаанаас гадна бусад форматууд байдаг, жишээ нь попундар. Төлбөр: clickunder - 1000 өвөрмөц шилжилтэд 1wmz (Хятадаас бусад бүх улсууд), попундер - Оросоос 1000 өвөрмөц шилжилт хийхэд 3wmz, бусад улс орнуудад 0.8wmz, далд шилжилтүүд - 1wmz (Хятадаас бусад бүх) болон iframe - 1000 тутамд 0.5-1.5wmz. зочдод (үнийг тохируулах боломжтой). Татаж авах хамгийн бага хэмжээ нь 48 цагийн дотор хүсэлтийн дагуу 3wmz байна. Автомат төлбөр нь ижил аргаар ажилладаг. Лавлах хөтөлбөр - 5%. Систем нь ICQ роботтой (88-25-28) таны статистик, шилжилт гэх мэтийн талаар танд хэлэх болно.
- - хуучин iframe түншлэлийн програм. Тэд замын хөдөлгөөний чанар, вэбмастеруудын үйл ажиллагааг маш нухацтай авч үздэг. Хэрэв та идэвхтэй биш бол таны бүртгэл устаж болзошгүй. Таны сайтыг хүлээн зөвшөөрөхийн тулд өдөрт дор хаяж 100 зочин байх ёстой. Төлбөрийн доод хэмжээ нь $ 1 байна. 1000 өвөрмөц бүтээгдэхүүний төлбөр - Оросоос 0.7 доллар, Украинаас 0.3 доллар, Беларусь 0.25 доллар, бусад 0.05 доллар.
Би хувьдаа iframe-ийн түншлэлийн хөтөлбөрүүдтэй хамтран ажилладаггүй, гэхдээ энэ нь эхлэгчдэд тохиромжтой.
Сайн байна уу, блог сайтын эрхэм уншигчид. Өнөөдөр бид HTML хэл дээрх фреймийн тухай ярих болно. Энэ ямар амьтан бэ гэдгээс бид эхнээс нь эхлэх нь тодорхой. Бид гипертекст тэмдэглэгээний хэлний одоогийн хувилбар болон шинэ Html 5 стандартад эдгээр элементүүдийн одоо (Frame) болон ирээдүйн (Iframe) талаар ярих болно.
Өгүүллийн төгсгөлд Html код дээр суурилагдсан хүрээ, тэдгээрийн сонгодог бүтцийг (аль хэдийн ховор хэрэглэгддэг) бий болгох үйл явцын талаар нарийвчилсан тайлбар хийсний дараа бид тэдэн дээр сайт барих ач холбогдлын талаар ярих болно. Миний блогын жишээг ашиглан тэдгээрийг одоогийн хугацаанд ашиглах арга замууд.
Энэ нь юу вэ, Iframe нь Frame-ээс юугаараа ялгаатай вэ?
Энэ юу вэ? Тэдгээрийг зөвхөн вэбсайтууд дээр төдийгүй програмын ямар ч програмд ашиглах боломжтой болох нь харагдаж байна, гэхдээ тэдгээр нь вэб хуудас эсвэл програмын цонхыг хэд хэдэн хэсэгт хувааж, тус бүрдээ тусдаа баримт бичгийг ачаалснаараа ялгаатай юм. . Түүнээс гадна эдгээр хүрээний хэсгүүд нь бие биенээсээ хамааралгүй ажилладаг.
Магадгүй та нарын бараг бүгдэд нь тааралдсан тэдний хэрэглээний хамгийн тод жишээ бол таны компьютерт суулгасан олон программуудад байдаг тусламж гэж нэрлэгддэг файлууд юм.
Тусламжийн цэстэй файлыг зүүн цонхонд ачаалж, баруун цонхонд сонгосон цэсийн зүйлд тохирох баримт бичиг гарч ирнэ. Энэ бүтэц нь баруун талд шинэ баримт нээх үед зүүн талын цонхонд цэстэй файлыг дахин ачаалахгүй байх боломжийг олгодог нь анхаарал татаж байна. Энэ нь яг ийм зүйлээс бүрддэг хүрээ ашиглах гол давуу тал HTML дээр.
Үнэндээ эдгээр элементүүдийн нэрийг бие даасан цонх гэж тайлбарлах хэрэгтэй. Хүрээний тусламжтайгаар бид нэг том цонхыг хэд хэдэн фрагмент болгон хуваах боломжтой бөгөөд энэ нь бие биенээсээ хамааралгүй тусдаа баримт бичгүүдийг (хуудас, текст, зураг, видео гэх мэт) хүлээн авагч болж чадна.
Гипертекст тэмдэглэгээний хэл дээр фреймийн бүтцийг хэрхэн бүтээдэг вэ? Хэрэв бид Html 4.01 стандартын талаар ярих юм бол (ангиллын дагуу) нь одоогийн байдлаар гол зүйл бол үүнд гурван элемент ашиглагдана - Frame, Frameset, Noframes.
Iframe - Html 5 стандартад суурилуулсан хүрээ
Хэрэв бид Html 5 стандартын тухай ярих юм бол (бидний ирээдүй, зарим элементүүд нь олон хөтчүүдээр дэмжигддэг) дараа нь Frame, Frameset, Noframes шошго байхгүй, мөн сонгодог хүрээний бүтэц байхгүй болно; оронд нь нэг байх болно. Нэг Iframe шошго (суулгасан хүрээ) , бид үүнийг эхэнд нь ярих болно, дараа нь бид одоо хэрэглэгдэж байгаа 4.01 хувилбараас сонгодог схемд анхаарлаа хандуулах болно.
Iframe нь доор авч үзсэн сонгодог хувилбаруудаас ялгаатай нь Body хаягийг Frameset хаягаар солих шаардлагагүй юм. Тэдгээр. Энэ шошгыг ердийн хуудсан дээр, жишээ нь догол мөр дотор эсвэл өөр хаана ч оруулж болно. Үндсэндээ энэ элемент нь бидний өмнө нь авч үзсэн Img шошготой маш төстэй юм.
Энэ нь доторлогооны элементтэй яг адилхан ажилладаг, гэхдээ харуулдаг учраас сольж болох контент бүхий доторлогооны элемент юм гадны гадны контент. HTML хэлэнд ийм дөрвөн элемент байдаг - Img, Iframe, Object, Embed. Тиймээс манай баатар энэ шошгоны шинж чанаруудыг ашиглан хэмжээг нь тохируулсан хэсэгт ачаалагдах гадаад файл байгаа гэсэн үг юм.
Тэр. Iframe нь гадаад объект (видео гэх мэт) ачаалагдсан шингээгч элемент юм. Хуудас дээр ачаалагдах ёстой энэ файлын замыг зааж өгөхийн тулд тусгай Src шинж чанарыг ашиглана уу. Гэхдээ Img-ээс ялгаатай нь Iframe элемент нь хосолсон, i.e. бас хаалтын шошго байдаг:
Энэ жишээ нь Iframe ашиглан Youtube видео хуудсан дээрх гаралтыг харуулж байна. Гадаад файлыг ачаалах хүрээний (цонхны) талбайг хязгаарлахын тулд шинж чанаруудыг өгдөг. Өргөн ба өндөр, утгууд нь пикселээр тодорхойлогддог:
Тэдгээр. Энэ шошго нь ямар нэгэн гадаад объект ачаалагдсан хэсгийг үүсгэдэг (энэ нь таны сайт эсвэл өөр эх сурвалжаас байгаа эсэх нь хамаагүй). Талбайн өргөн ба өндрийг Width and Height ашиглан тодорхойлох ба Src шинж чанар нь энэ объект руу хүрэх замыг зааж өгдөг.
Iframe элемент нь эдгээр бүх шинж чанаруудыг орлуулсан контент бүхий ижил төстэй шугаман шошгуудаас (дээр дурдсан Img гэх мэт) өвлөн авсан. Тэр ч бас зурагнаасаа шинж чанаруудыг нь авсан Hspace ба Vspace, энэ нь хүрээний хилээс түүнийг тойрон хүрээлж буй текст рүү догол оруулах боломжийг олгоно.
Суурилуулсан хүрээг тохируулах нь Html - дээр зургийг судлахдаа бидний харж байсантай яг ижил аргаар хийгдсэн нь бас чухал юм. Бүгд адилхан Зохицуулах, гэхдээ Iframe тагийн хувьд Доод, Дээд, Дунд, Зүүн, Баруун гэсэн боломжит утгатай.
Гэхдээ энэ элемент нь сонгодог хүрээний бүтцээс Frame tag-аас хэд хэдэн шинж чанаруудыг авсан бөгөөд бид доор текстийн талаар дэлгэрэнгүй ярих болно. Эдгээр шинж чанарууд нь Нэрийг багтаасан бөгөөд түүний утгыг утга болгон ашиглаж болох бөгөөд ингэснээр холбоос дээр дарахад шаардлагатай баримт бичиг энэ хүрээний цонхонд нээгдэнэ (доороос уншина уу).
Мөн Iframe-д Frameborder шинж чанар нь зөвхөн хоёр утгатай - 0 (хүрээний эргэн тойрон дахь хүрээ харагдахгүй) эсвэл 1 (хүрээ харагдаж байна) гэсэн хоёр утгыг агуулсан Frameborder атрибутаас шилжсэн. Өгөгдмөл утга нь Frameborder=1 тул үүнийг арилгахын тулд Frameborder="0"-г оруулах шаардлагатай:
Scrolling шинж чанарыг мөн Frame-ээс энэ элемент рүү шилжүүлсэн бөгөөд энэ нь өгөгдмөл утгатай Auto - агуулга нь харуулах цонхны хэмжээнээс том бол хүрээн дэх гүйлгэх мөр шаардлагатай үед гарч ирнэ.
За, Marginwidth болон Marginheight шинж чанарууд мөн Frame элементээс шилжсэн. Тэдгээрийг текстийн доор дэлгэрэнгүй авч үзэх болно, гэхдээ товчхондоо - тэдгээр нь хүрээний ирмэгээс дотор нь байрлуулсан агуулга хүртэлх өргөн, өндрийн доголтыг тохируулах боломжийг танд олгоно.
Өмнө дурьдсанчлан Iframe ашиглах тод жишээ бол:
Iframe-г вэб хуудсанд шууд оруулснаар та YouTube-ээс видеоны гаралтыг хүлээн авах болно. Энэ элемент нь орлуулсан агуулга бүхий доторлогооны элементүүд ба үнэндээ сонгодог фреймүүдийн хоорондох хөндлөн огтлол юм гэж бид дүгнэж байна.
Frame болон Frameset хаягууд дээр суурилсан хүрээнүүд - тэдгээрийн бүтэц
Тиймээс, сонгодог хүрээний бүтцийг бий болгох нь ихэвчлэн аливаа баримт бичигт байх ёстой Body хаягийг нээх, хаахын оронд Html кодыг бичиж, элемент дээр суурилсан контейнерээр солихоос эхэлдэг. Frameset.
Үндсэн зүйл бол энэ тохиолдолд Body элементийг ашиглах боломжгүй юм - Body (энгийн баримт бичгийн хувьд) эсвэл Frameset (баримт бичгийн хүрээний бүтцийг үүсгэх үед):
Бидний үндсэн дотор үүсгэсэн хүрээ бүрийг тусдаа элемент ашиглан бүтээдэг Хүрээ. Энэ шошго нь дан бөгөөд үүн дээр бид энэ цонхонд ачаалагдах баримт бичгийн замыг зааж өгдөг.
Бидний хараахан хөндөөгүй гурав дахь элемент бол Фреймгүй. Энэ нь хосолсон бөгөөд дотор нь зарим текст бичих боломжийг олгодог бөгөөд энэ нь хөтөч (эсвэл өөр дэлгэцийн төхөөрөмж) нь фрейм дэмждэггүй тохиолдолд л вэб хуудсанд харагдах болно. Жишээлбэл, хэрэв та гар утасны төхөөрөмжид зориулсан хөтөч ашиглаж байгаа бол энэ нь тохиолдож болно.
Ихэвчлэн Noframes дээр тэд зөвхөн хүрээний бүтцийг боловсруулах боломжгүй байгаа нөхцөл байдлын талаархи мэдээллийг нэмээд зогсохгүй, тэдгээрийг ашиглахгүйгээр үргэлжлүүлэн ажиллах боломжтой бусад хуудсууд руу орох боломжийг нэмж өгдөг. Түүний талаар өөр зүйл хэлэхэд хэцүү тул үргэлжлүүлье.
Эндээс харахад Body тагийн оронд ашигладаг Frameset элемент нь үзэх хэсэгт хуваарилагдсан бүх зайг эзэлдэг бөгөөд тус тусдаа Frame элементүүдийг ашиглан энэ хэсэгт хүрээ үүсгэх болно. Үүнтэй холбогдуулан асуулт гарч ирдэг - тусдаа цонхнуудын хооронд харах талбайг хэрхэн хуваах, эсвэл өөрөөр хэлбэл тус бүрийн хэмжээг хэрхэн тохируулах вэ.
Энэ нь Frameset элементэд тохирох шинж чанаруудыг нэмэх замаар хийгддэг. Тэдний хоёр нь байна - Cols болон эгнээ. Cols нь том цонхыг босоо хүрээ эсвэл багана болгон хуваахыг тохируулдаг бөгөөд Rows нь хэвтээ цонх эсвэл мөр болгон хуваах боломжийг олгодог.
Frameset болон түүний Cols and Rows шинж чанарууд дээр суурилсан бүтцийг бий болгох
Html Frameset тагийн Cols болон Rows-ийн утгууд нь таслалаар тусгаарлагдсан тоонууд юм (хоосон зайгүй). Эдгээр тоо нь үр дүнд нь бидний авахыг хүсч буй цонхны харьцааг тогтоодог. Тиймээс, таслалаар тусгаарлагдсан тоог Cols эсвэл Rows-д хичнээн ч бичсэн байсан ч үр дүн нь бидэнд байгаа хүрээний тоо байх болно.
Жишээлбэл, энэ тэмдэглэгээг ашиглан бид өргөн нь 2: 5: 3 харьцаатай гурван босоо багана авах болно.