HTML pagrindai - nuorodos ir inkarai

• Gegužė 7, 2024

Galite naudoti nuorodas, norėdami sujungti savo puslapį su kitais puslapiais ar net pereiti į skirtingas to paties puslapio dalis. Nuorodos suteikia jūsų svetainei dinamišką kokybę, dėl kurios ji skiriasi nuo, tarkime, knygos ar žurnalo.

Pačiame pagrindiniame lygyje nuorodos žyma atrodo taip:



Bet kuri žyma, prasidedanti „a“, nurodo nuorodą, tačiau yra dvi pagrindinės nuorodų rūšys: hipersaitai ir pavadinti inkarai. Hipersaitas yra nuoroda, jungianti vieną tinklalapį su kitu tinklalapiu ir atrodys maždaug taip:

Susiekite tekstą čia

Žymos informacija nurodo jūsų naršyklei, kad tai yra hipersaitas (href), jungiantis prie tinklalapio „page.html“. Žymų viduje esantis tekstas (Nuorodos tekstas čia) yra nuorodos dalis, kurią lankytojas iš tikrųjų mato, ir ji gali spustelėti, jei norite pereiti į puslapį.html. Jei susiejate su savo svetainės puslapiu iš toje pačioje svetainėje esančio puslapio, galite palikti domeno informaciją. Pvz., Jei kuriate nuorodą savo puslapyje, esančiame www.domain.com/home.html, ir nuorodą, susietą su paskirties puslapiu www.domain.com/page.html, galite parašyti nuorodą kaip ir praleisti informacija apie domeno vardą. Jei neišleisite domeno vardo, naršyklė manys, kad paskirties puslapis yra toje pačioje svetainėje kaip ir susiejantis puslapis.

Įvardytas inkaras (dažnai vadinamas tiesiog „inkaru“) tarnauja kitam tikslui. Kaip jau galėjote atspėti iš pavadinimo, inkaras puslapyje sukuria nematomą vėliavą, nurodančią jūsų naršyklei, kur nusileisti, kai nustatote saitą, kuris nuleidžia lankytojus tam tikrame puslapio taške. Inkaras atrodo taip:



Paprastai inkaras nelaiko jokio teksto tarp atidarymo ir uždarymo žymų, nes jis yra tiesiog puslapio vietoje pažymėti. Norėdami sukurti nuorodą, leidžiančią lankytojams pereiti į šią puslapio vietą iš kito puslapio, galite sukurti tokią nuorodą:

Apsilankykite skiltyje Skelbimas

„#“, Esantis nuorodoje, nurodo naršyklei, kad jūs susiejate su nurodytu inkaru. Jei norėtumėte sukurti hipersaitą, kuris nukreiptų lankytoją į kitą to paties puslapio skiltį, tai atrodytų maždaug taip:

Apsilankykite skiltyje Skelbimas

Kita svarbi jūsų nuorodų dalis yra atributas „taikinys“. Tai nurodo naršyklei, kaip rodyti paskirties puslapį. Turite tris pagrindines parinktis: 'target = "_ blank",' 'target = "_ self",' and 'target = "_ top".'

„_Blank“ argumentas susietą puslapį atvers naujame lange. Tai ypač naudinga, kai susiejate su išorine svetaine, nes lankytojas gali naršyti po naują svetainę pagal savo širdies turinį, neprarasdamas savo buvimo vietos jūsų svetainėje. Taip pat geriausia atidaryti dokumentus, pvz., PDF, naujame lange, nes lankytojai dažnai automatiškai uždarys dokumentą, kai jį baigs.

Dėl „_self“ argumento susietas puslapis pakeičia esamą puslapį esamoje naršyklės lange. Tai labiausiai tinka nuorodoms jūsų svetainėje; kitaip lankytojai, kurie daug naršo jūsų svetainėje, pateks į daugybę atvirų langų, o tai gali būti labai erzina! Tai yra numatytasis atributo „target“ argumentas, taigi, jei nenurodysite tikslo, jūsų nuorodos visada naudos esamą naršyklės langą.

„_Top“ argumentas paprastai naudojamas rėmelių rinkinio svetainėse ir liepia naršyklei perrašyti visą rėmelių rinkinį, o ne tiesiog įkelti naują puslapį į tą rėmelių rinkinio dalį, kurioje yra originali nuoroda.

Vaizdo Instrukcijos: HTML/CSS Pagrindai #11 - CSS sintaksė ir selektoriai (Gegužė 2024).