Cross-browser layout, "search engine" -ийг татаж авдаг

Сайт бүтээгдсэний үр дүнд вэб хөтчийн байршлын үр дүнтэй байдлыг хангах нь чухал юм. Энэ юу вэ? Үүнийг яаж хийх вэ? Гомдол гэж юу вэ?

Вэб браузерын байрлал гэж юу вэ?

Html / css нь вэбсайт үүсгэх үндэс суурь юм. Олон вебмерс үүнийг зарчим дээр тулгуурладаг: Би сайн, хангалттай. Хөтөч, гар утаснаасаа гараад ирэхэд эвгүй санагдах нь сайшаалтай. Ийм тохиолдолд дасан зохицох дизайн, хөндлөн хөтөчийн загварыг аврах ажилд оруулдаг.

CSS болон HTML нь бүгд хэрэглэгдэж буй нурууны нуруу юм. Зарим тохиолдолд JavaScript-г энэ зорилгоор ашиглаж болно. Гэхдээ эцсийн зорилго бол бүх зүйл өөр өөр хувилбар дээр ажилладаг гэдгийг батлах явдал юм. Тиймээс, вэб хөтчийн нийцтэй байдлыг хангах хүсэлтэй байгаа бөгөөд сайтад бүх хөтчүүдэд сайтар харагдана. Иймээс сайт дээр ажиллаж буй эхний хоёр дахь үеэс энэ талаар байнга бодож байх хэрэгтэй.

Алхам алхмаар удирдамж ерөнхий нэр томъёо

Тэгэхээр, вэб хөтчийн байрлалыг хэрхэн яаж хийхийг үзье. Эхлээд сайтад ямар програмууд ажиллахаа шийдэх хэрэгтэй. Хөтчийн тоо ойролцоогоор хоёр зуу орчимд хүрч байгааг анхаарна уу. Тиймээс хүн бүрт таалагдахыг хичээдэг нь гайхалтай нарийн төвөгтэй асуудал юм. Тиймээс, 3-аас 8 хүртэлх тоог сонгох хэрэгтэй. Юуны өмнө анхаарлаа төвлөрүүлэхийн тулд Yandex Metrika болон Google Analytics гэх мэт туслах үйлчилгээг ашиглаж болно . Үүний дараа та хөтөч хоорондын нийцэмжтэй байдлыг хангах асуудлыг хэрхэн шийдэх талаар олж мэдэх хэрэгтэй.

Олон хүн khaki-г санал болгодог. Эдгээр нь зөвхөн ганц тусгай хөтөч ойлгодог тусгай код, сонгогч болон дүрмүүд юм. Гэхдээ, эдгээр оруулга нь өөр өөр хөтөч болон тэдгээрийн хувилбарын хувьд наад зах нь хэдэн арванийг бичиж өгөх ёстой учраас олон хүн энэ зардлыг өндөр өртөгтэй, үргэлжлэх хугацаа, оновчтой бус байдлаас нь болж эсэргүүцдэг. Зарим хүмүүс ижил төстэй харагдаж байгаа элементүүдийг ашиглахад найддаг. Гэхдээ хэд хэдэн чухал давуу талууд алдагдсан байдаг. Алдагдлыг бууруулахын тулд дасан зохицох загварыг мөн зэрэгцүүлэн ашигладаг. Тэр ямар байна вэ?

Дасан зохицох загвар

Сайтын зохион бүтээгчийн байршлын энэ хандлага нь янз бүрийн хөтөч, дэлгэцийн хэмжээг тохируулдаг сайт юм. Дасан зохицох загвар болон хөндлөн браузерын нийцтэй байдал хоорондоо нягт уялдаатай бөгөөд нэг зүйлийг ярихдаа дүрэм гэж хоёрдугаарт ордог гэдгийг тэмдэглэх нь зүйтэй. Жижиг жишээг харцгаая.

Opera болон Opera Mini зэрэг ийм хөтөч байдаг. на мобильных телефонах. Эхнийх нь ердийн компьютер дээр ашиглагддаг, хоёр дахь нь гар утсан дээр ашиглагддаг . Ерөнхийдөө тэдгээр нь адилхан боловч олон тооны шинж чанартай байдаг. Ийм тохиолдолд файл тус бүрийг холбох, эсвэл медиа асуулга ашиглах нь чухал байдаг. Энэ юу вэ? Эхний тохиолдолд тусдаа хөтөчийн үйл ажиллагаанд чиглэгдсэн тусдаа файл үүсгэгддэг бөгөөд тэдний дуудлага тодорхойлогддог. Хоёр дахь тохиолдолд, та зөөвөрлөгчийн хүсэлт бүхий файлууд хэрэгтэй. Хэрэв програм нь тусгай шаардлагыг хангаж байвал уг файл нь хүссэн тохиргоонд дуудагдана.

Би яах ёстой вэ?

Эхлээд, html-тэй ажиллахад вэб хөтчийн байршилд онцгой анхаарал тавьдаг гэдгийг санаарай. Тиймээс илүү үр дүнтэй байхын тулд та загварын хуудсыг ашиглах хэрэгтэй. Мөн ажиллах зарим аргыг өөрчлөх шаардлагатай. Тиймээс, туршлагагүй олон хүмүүс, ямар нэг зүйлийн хэмжээг зааж байхдаа пиксел - px ашигла. Талбайн дээд хэсгийг чимж байгаа том гарчиг бүхий үлгэр жишээг авч үзье.

Түүний өргөн нь 800rx-тэй байв. 1600-аад дэлгэцтэй бол энэ нь маш сонирхолтой байх болно. Гэхдээ 700 фунтын хувьд энэ нь инээдтэй харагдах болно. Энэ тохиолдолд юу хийх вэ? Та хэмжээгээр пикселээр бус харин хэмжээг хувиар тогтоож болно! Мөн бичээс нь тогтмол урт биш харин дэлгэцийн өргөний хагасыг эзэлнэ. Хуваарь нь дэлгэцний ирмэгээс тодорхой элементийг байрлуулах зайг тодорхойлж болно. Хэрэв дэлгэц нь хэтэрхий жижиг бол яах вэ?

300 гэж бодъё. Энэ тохиолдолд бид хэвлэл мэдээллийн асуултад туслах болно. Энэ нь өргөнийг засах шаардлагатай. Мөн 700px буюу түүнээс бага бол та энэ бичгийн 75 хувийг эзлэх болно гэдгийг тогтоож болно. Хэрэв өргөн нь 300px ба түүнээс бага бол та бүх 100% -ийг тавьж болно. Ерөнхийдөө энэ сэдэв нь маш сонирхолтой бөгөөд ашиг тустай тул үүнийг нарийвчлан судлах боломжтой. Гэсэн хэдий ч, энэ номын тухай мэдээлэл, нийтлэлийг бүгдийг нь оруулаагүй болно.

Яагаад browser-ийн дасан зохицох байрлалд хайлтын системийг багтаасан байдаг вэ?

Мөн хариулт нь маш энгийн: учир нь хөгжүүлэгчид сайтыг хянаж, хэрэглэгчдэдээ аль болох тааламжтай болгохыг харуулж байна. Тиймээс эдгээр хүмүүсийг хайлтын системд илүү өндөр байр суурьтай болгох замаар урамшуулж болно. Мэдээжийн хэрэг, таны сайт TOP-1 дээр нээгдэхгүй, гэхдээ бусад хүчин зүйлүүдтэй хослуулснаар энэ нь таныг хүчтэй авирлах боломжийг олгоно. Энэ нь зүгээр л хэрэггүй дуудлага биш гэдгийг анхаарах хэрэгтэй.

Эцсийн эцэст, өөртөө бодож үзээрэй: сайтад орох үедээ хэрэглэгчдэд юу хамгийн сайхан байдаг вэ? Гэхдээ тэр хайлтын систем нь бага чанартай контент санал болгодог гэж дүгнэж болно! Тиймээс тэд сайтар сайтар сонгох хэрэгтэй. Үүнээс гадна, энэ нь вэбмастерын ашиг тус юм. Учир нь тэд компьютер, зөөврийн компьютер, таблет, смартфон эсвэл гар утсаа ашиглах сонирхолтой мэдээллийг хүлээн авч болох агуулга бүхий өндөр чанарын бүрхүүл бий болгодог. Тиймээс илүү сэтгэл хангалуун зочдод илүү хурдан, сайтай, орлогын түвшин нэмэгддэг.

Дүгнэлт

Дасан зохицох загвар бүхий вэб хөтөч вэбсайт үүсгэх нь даруухан, маш урт, цаг хугацаа шаардсан ажил биш гэдгийг харуулж байна. Тиймээс та тэвчээртэй байж, сахилга бат бол сайхан зүйл гэдгийг санаарай! Эхлээд ямар нэг зүйл ажиллахгүй байж болох ч мэдээллийг туршиж үзэх, янз бүрийн арга хэрэглэх, бууж өгөхгүй байх хэрэгтэй. Мөн дараа нь зочдынхоо сонирхлыг харуулах вэбсайт хийх шаардлагатай болно.