Hogyan készítsünk jeleket a weboldalon. Megjegyzések és horgonyok
Az internet már régóta szerves része a mindennapi életnek. Az emberek szívesen mennek különböző webhelyekre, hogy elolvassák a híreket, cseréljenek fotókat, töltsön el egy kis időt nézve vicces videók vagy vásárlás.
És annak ellenére, hogy a korszak jön mobile technológia és az alkalmazások, a gyönyörű és izgalmas weboldalak létrehozásának technikái tovább javíthatók. Néhány felhasználó tudatában van annak, hogy a kedvenc böngészőjük jelenetei mögött rejtőzik, és mi történik, ha hitelkártyájukkal fizetnek a vásárlási oldalon. És valójában ez több ezer kódja van mögött mindez, amely kifejlesztette és javította az éveket, hogy a legkényelmesebb és kellemes élményt nyújtsa a webszolgáltatás. Anchor HTML, hiperhivatkozás, jelölés, nevek - ezek és sok más fogalom további leírása a cikkben.
A weblap alapja
Annak érdekében, hogy weboldalakat és oldalt hozzon létre az interneten, amely ugyanolyan nyitható és tucatnyira nézhet különböző böngészők Ugyanakkor több platformon egységes specifikációt kellett létrehozni az ilyen típusú dokumentumokhoz. A HTML lett ez a specifikáció (angolul. Hypertext jelölés nyelv).
Fordította: Ez azt jelenti, hogy a "Language Hypertext Markup". És ez a kifejezés pontosan leírja célját. A HTML-dokumentum szerkezete nem írja maga után maga a weboldal tartalmát - csak "jelzi" különböző szakaszokat, megadva nekik bizonyos attribútumokat vagy tulajdonságokat. Ez a jelölés lehetővé teszi, hogy a dokumentum ugyanazt nézze meg a böngészőből a böngészőbe, és a globális webes http és https aktuális adatátviteli protokollok kulcsa.
HTML dokumentumszerkezet
A HTML-dokumentum középpontjában egyenletes számú címke van. Ezek olyan különleges jelek, amelyek bizonyos tulajdonságokat biztosítanak önmagában. Legfontosabb jellemzője Tagov az, hogy határozottan párok vannak - az első címke "nyílás", és mögött mindig követnie kell a "záró".
Így a böngésző pontosan tudja, hogy a határokat a címke által meghatározott attribútumok használják. A címke azonban üres lehet (önmagában nincs tartalom). Az utóbbi példája a sorátviteli elem. Címkék, amelyek nem tartalmaznak semmilyen szöveget vagy más adatokat, nem feltétlenül közel vannak. A címkéket használhatja a szöveg vagy egy adott szín, vagy stílus, vagy a dokumentum speciális elemeinek végrehajtására (táblázatok, médiafájlok, linkek).
HTML horgony és linkek a dokumentumban
Annak érdekében, hogy a webhely látogatói legyenek a különböző oldalak közötti navigáláshoz, vagy egy oldalon, használhat linkeket. Egy webhelyen vagy többen mozoghat, hiperhivatkozásokat használnak. Általában a kettő közötti kommunikációt szolgálják az erőforrás saját területeikben.
A jó webhelytervezés egyik szabálya a szükségességi szabály, hogy egy helyen csak homogén legyen a tartalom típusában vagy kinevezésében. Ha az oldal nagyon nagy, vagy logikai szakaszokra osztható, akkor érdemes megadni a felhasználót, hogy gyorsan mozogjon az oldalszakaszok között. És itt az úgynevezett HTML horgony nagyon hasznos lesz. Gyakran ezt a technikát akkor használják, ha a cím megterveződik, hogy kommunikáljon az információ célterületével. Ezenkívül ez a fajta navigáció rendkívül kényelmesen használják promóciós célokra, irányítva a felhasználót egy bizonyos tartalomra, megkerülve a többieket.
A HTML horgony sima görgetéssel történő használatához a fejlesztőt a dokumentumszerkezetben a JavaScript könyvtári linkre kell végrehajtani.
Hogyan lehet létrehozni
Annak érdekében, hogy egy HTML horgonyt helyezzen az oldalra, használjuk szabványos címke hivatkozást. Ez a HTML dokumentumszerkezet egyik fő címkéje.
Számos attribútummal rendelkezik, például href vagy név, amely jelzi a címke által leírt hivatkozás típusát. A HTML Link horgony eltér a hiperlinktől a "#" szimbólummal. Ezután meg kell adnia egy egyedi horgonynevet, hogy a böngésző határozottan meghatározza az átmenet célját. Rendkívül fontos, hogy ne felejtsük el, hogy egy dokumentumon belül nem hozzárendelhető két azonos név, de megengedett különböző oldalak Webhely.
Példa a horgony létrehozására a dokumentumszerkezetben
Szóval hogyan kell felhúzni a horgony HTML-t az oldalra? Először ki kell választania egy olyan dokumentumot, amely szolgál majd. Ezek egy nagy szöveg belsejében felirat lehet. Az ilyen feliratokat általában a címke hozzárendeli.
Egy horgony azonosító általában telepítve a nyitó tag, és a „id \u003d” attribútumot használják leírni. Miután a horgony egyedi nevét követi. Ez az attribútum szinte minden nyitott címke tartalmazhat. Miután a HTML horgony az oldalon nevezik, minden, ami marad számunkra, hogy hozzon létre egy linket hozzá egy másik része a dokumentumban vagy a másik dokumentumban.
Az ilyen feliratokat általában a címke hozzárendeli.
. Egy horgonyazonosító rendszerint a nyitó címke telepítve van, és az "ID \u003d" attribútum leírja. Miután a horgony egyedi nevét követi. Ez az attribútum szinte minden nyitott címke tartalmazhat. Miután a HTML horgony nevét be van állítva, minden, ami marad számunkra, hogy hozzon létre egy utalás egy másik része a dokumentumban vagy a másik dokumentumban. Referencia Az egyik dokumentumon belüli horgonyt gyakran helyinek nevezik, míg a különböző dokumentumokra való hivatkozást abszolútnak nevezik.
Azonban az egyedülálló HTML eszközöket nehéz elérni a horgonyok közötti átmenetek simaságát. De ez a megközelítés vezet az a tény, hogy a felhasználó zavaros a navigációt az oldalon, vagy az oldalak között, és ezáltal spoors a benyomásom az erőforrás. Abban az esetben, helyi horgonyok, sokkal előnyösebb használni HTML horgony sima görgetés, hogy a látogató a helyszínen vizuálisan nyomon követni az irányt, ahol az adminisztráció vezet ez az erőforrás.
Hasonló hatás létrehozásához JavaScript eszközre kell használnia. A működési elve egy kis script lesz a következő - először azt kell blokkolni a standard viselkedését a HTML-horgony az oldalon. Ez szükséges ahhoz, hogy a böngésző nem oldja meg egymástól függetlenül a látogatót a linken. Ezután a forgatókönyvünk feldolgozza az azonosítót, amely a címkében található . A HTML horgony neve mentésre kerül, a keresés folytatódik, hogy megtalálja az animáció célállomását. Amikor a cél megtalálható, a szkript kiszámítja az oldal kezdetétől az elem kezdetétől az elejétől. Ezt a távolságot az oldal görgényének simítására használják. Csak meg kell határoznunk magadnak a görgetés sebességét.
Különleges szabály
A weboldalak kialakításakor a tervezőknek mindig emlékezniük kell arra, hogy helytelen az oldalinformációk túlterhelésére, mivel ez ronthatja észlelését. És ha meg kell adnod a felhasználót, hogy gyorsan menjen az oldal fontos oldalára, akkor semmi sem könnyebb és jobb erre a célra, mint a HTML horgony használata. Az oldal különböző részei közötti átmenet animációját számos JavaScript-kód segítségével hajtják végre, és az Ennek hatása elengedhetetlen - a felhasználó mindig tudatában lesz, amelyben a dokumentum melyik része van, és hol kell folytatnia.
13.07.2015
Üdv mindenkinek!
Továbbra is alig tanulmányozzuk a HTML alapjait.
Ebben a leckében meg fogjuk tanulni a horgonyokat HTML oldal.
Nem megijeszteni! Megtalálod a helyes dolgot - itt nem fogom megmondani és tanítani a hajózható dolgokat. Ebben a leckében elmondom, hogy mi a HTML horgony, hogyan lehet horgonyt készíteni a HTML oldalon, és hogyan dobhatja a horgonyt egy másik oldalra.
A lecke nagyon hasznos és fontos lesz, mert nem fog újra találkozni HTML-horgonyok.
Horgony - ez egy könyvjelző, amelynek egyedi neve van hTML. dokumentumot egy adott helyen, és hivatkozás útján gyorsan átáll.
Ha tetszik egy asszociatív tisztázás, akkor kifejezem magam így:
Horgony - Ez a könyvjelzők vagy a könyv tartalmának hasonlóságához képest.
Gyakran használják az armatúra-kapcsolatok, az üzleti oldalak (egy oltár) vagy a cikk elején, a kívánt szakaszhoz (mint a Wikipedia).
Azt hiszem, már megértette, h ezután egy ilyen hivatkozási horgony a HTML-ben. Ha nem, ne tegyen el. Ne szerezzen az elméletet, mert gyakorlati példák után mindent világos lesz.
○ Hogyan lehet horgonyt létrehozniHtml
Horgony létrehozása egy weboldalon, a címkén Süllyed a "Név" attribútum, ahol megad egy egyedi nevet, például a "Stepkinblog".
Ez az, amit az armatúra elrendezése a HTML-ben néz ki:
A címkén záró címke kötelező.
Figyelem:
Nem megfelelően:
Jobb:
Az "ID" attribútumot a "Név" attribútum helyett írhatja
lehetne
Figyelem: A horgony nevét latinra kell írni.
Nem megfelelően:
Jobb:
A HTML-ben készült tartalom.
Ugrás az 1. cikkszámra - a blog bloggood.ru-rőlUgrás a Cikkszám 2 - Pro Blog webhelyére
Ugrás a 3. cikkszámra - a Wm-money.org.ua webhelyről
Cikkszám 1 - a blog bloggood.ru
Blog a különböző témákban, SEO-optimalizálás, Site Promotion, Site Creation, Finom hatások a webhelyre és még sok más ...
Cikkszám 2 - A Blog weboldaláról
A blog elkötelezett: HTML, CSS, PHP, WordProp, Bootstrap
Cikkszám 3 - Pro Site Wm-money.org.ua
Exchange, kimenet és írja be a Webmoney-t
○ Hogyan kell csinálnihTML horgony egy másik oldalra
Igyünk, két weboldal van. Az első oldalon egy olyan linket szeretne készíteni, amely elküldi a felhasználót egy másik oldal egy adott részének, például az író Taras Shevchenko életének időpontjában.
Tehát ez így történik. Az első oldalon készítsen horgonyt. A második oldalon meg kell hoznia egy horgonyt a megfelelő helyen.
Most próbáljuk meg végrehajtani mindezt a példában.
Hozzon létre egy oldalt, például az "Index-1.HTML" -t.
Helyezze be a linket a szöveghez rögzítve:
szöveg .. T. G. Shevchenko ... Szöveg
Teljesen rEADY HTML a kód: