Hoe u kunt linken naar een specifiek deel van een pagina-HTML

Probeer Ons Instrument Voor Het Oplossen Van Problemen

Selecteer Het Besturingssysteem Kies Een Projectieprogramma (Optioneel)

Beschrijf Uw Probleem

Telkens wanneer u op een URL klikt, opent de browser deze in een nieuw tabblad en brengt u vervolgens daadwerkelijk naar de bovenkant van de webpagina. Maar wat als jullie naar een bepaald deel van een webpagina willen gaan? Net als de inzending uit de kindertijd, Steve Jobs, op Wikipedia, of ook een bepaalde Facebook-post of een vraag op Stack Exchange. Op deze manier hoeft uw publiek geen tijd te verspillen aan het navigeren op de website. In dit artikel gaan we het hebben over hoe u kunt linken naar een specifiek deel van een pagina-HTML

Hoe u kunt linken naar een specifiek deel van een pagina-HTML

Gebruik een ID-tag

Zeg gewoon dat je een artikel schrijft, waarin jullie linken naar een bepaald antwoord van StackOverflow. In tegenstelling tot Reddit is er eigenlijk geen permalink in StackOverflow, dus je zult de HTML-code ook handmatig moeten bewerken.

Gelukkig hebben de meeste browsers ook de mogelijkheid om elementen te inspecteren. U gaat gewoon naar dat antwoord waarnaar u wilt linken en klikt met de rechtermuisknop op het gebied ernaast. Selecteer met de rechtermuisknop op het menu de optie Element inspecteren.

Android maakt geen verbinding met internet

Het toont je HTML-code, zoek naar een ID-tag of Waarde-optie. Als je het hebt gevonden, kopieer het dan naar je klembord. Neem vervolgens de URL van de webpagina en voeg vervolgens het #ID KAART aan het einde ervan.

Als de URL van de pagina bijvoorbeeld is -

http://stackoverflow.com/questions/214741/what-is-a-stackoverflowerror

en dan is de ID - 29279234, dan wordt de jump-URL feitelijk -

http://stackoverflow.com/questions/214741/what-is-a-stackoverflowerror#29279234

En dat is het telkens wanneer iemand op die link tikt, het zal hem dan rechtstreeks naar dat deel van de pagina leiden.

Chrome-extensie | hoe u kunt linken naar een specifiek deel van een pagina-HTML

Nou, in de recente Chrome-update, Google zoeken markeert nu de gezochte tekst op de webpagina's om het de lezer gemakkelijker te maken. Dus voor webontwikkelaars om het gemakkelijker te maken om naar een specifieke tekst op een webpagina te linken, heeft Google de Chrome-extensie Link to Text Fragment geopend.

indigo in huis installeren

Als jullie de extensie hebben geïnstalleerd, kun je links naar een specifiek gedeelte van de webpagina maken. Kies een deel van de tekst op de webpagina, klik met de rechtermuisknop en tik vervolgens op Kopieer link naar geselecteerde tekst . Het genereert dan een link en kopieert deze automatisch naar het klembord.

hoe u kunt linken naar een specifiek deel van een pagina html

De extensie is echt nieuw en bevat ook een aantal bugs. In het geval dat uw geselecteerde tekstgedeelte een hyperlink of een afbeelding bevat, in feite een niet-tekstueel element. Het genereert een fout die zegt: kan geen unieke link maken. Kies een langere reeks woorden. De foutmelding is eigenlijk helemaal verkeerd. Het probleem is dat de extensie mislukt wanneer u ook een hyperlink of niet-tekstelementen in de geselecteerde tekst heeft.

Facebook

Om te linken naar een specifiek bericht op bekende sites zoals Facebook, Twitter of zelfs Stack Exchange, enz., Hoeft u alleen maar te zoeken naar de tijdstempels van het bericht. Wanneer u het vindt, klikt u er met de rechtermuisknop op en kopieert u ook de URL. Als jullie de URL nu in een nieuw tabblad plakken, zie je alleen dat specifieke bericht. Dit werkt eigenlijk voor de meeste websites die tijdstempels gebruiken.

Wikipedia

Als jullie linken vaak een wikipagina linken, dan kun je gemakkelijk de sectie linken door de link in de inhoudsectie te kopiëren.

Conclusie

Oké, dat waren allemaal mensen! Ik hoop dat jullie het leuk vinden om te linken naar een specifiek deel van een HTML-pagina op een pagina en het ook nuttig voor jullie vinden. Geef ons uw feedback hierover. Ook als jullie nog meer vragen en problemen hebben met betrekking tot dit artikel. Laat het ons dan weten in de comments hieronder. We komen spoedig bij u terug.