Hvad er et HTML -span -tag?

Hyper Text Markup Language (HTML) er et specialiseret sæt computerkoder, der bruges til at bestemme, hvordan en webside vises. Hvert element er mærket med en bestemt kode, så browseren viser teksten på den måde, som Tagger har til hensigt. Span -mærket er angivet med og bruges til at tilføje en krog til en bestemt del af tekst.

HTML -span -mærket svarer til den logiske afdeling eller div tag. Begge bruges med cascading -stilark (CSS), et sprog, som webudviklere bruger til at tildele stilegenskaber til HTML, XHTML og XML webdokumenter. Brugen af ​​CSS muliggør adskillelse af indholdet fra præsentationselementerne, såsom layout, skrifttype og farve. Dette gør indholdet mere tilgængeligt og præsentation mere fleksibelt.

HTML SPAN -mærket gør ingen aktiv ændring af den angivne tekst, i modsætning til tags, der angiver overskriftsstørrelse, afsnit eller tekstfarve. I stedet bruges dette tag til at gruppere en del af HTML sammen og til at koble nogle andre oplysninger til den del. ThE HTML DIV -tag fungerer på lignende måde, men hvert tag tjener et andet formål.

DIV -mærket deler en webside i store sektioner. Dens brug giver udviklere mulighed for at definere stilen på et stort afsnit af HTML -kode. Med DIV -mærket kommer evnen til at navngive de mærkede sektioner, så de let kan behandles i CSS. Bemærk, at HTML DIV -tag bryder afsnit. Med andre ord kan du have afsnit inden for et afsnit markeret med div, men du har muligvis ikke en div inde i et afsnit.

HTML SPAN -mærket ligner DIV -mærket, da det lukker et afsnit af tekst. Uden stilegenskaber ændrer det ikke den tekst, den har lukket. Vil ikke gøre nogen formatering uden attributmærker, hvor div inkluderer pauser.

Tre nyttige attributter, der kan bruges med HTML -span -mærket, er stil, klasse og ID. Ved at bruge span kan en bestemt attribut være knyttet til en lille del af tekst. For ExRigelig, hvis en sætning er skrevet i en niveau 1 -overskrift, og det sidste ord skal være rødt, kan HTML Span -mærket bruges til at opnå dette. Se eksemplet nedenfor.

<h1> dette skal være rødt </h1> </ xmp> </p> <p> giver dette resultat: </p> <p> <h1> dette skal være rødt </h1> </p> <p> Ved at omslutte det ønskede ord med HTML -span -mærket er attributten - i dette tilfælde farven rød - begrænset til det angivne enkeltord. Det skal bemærkes, at HTML -span -mærket kan være inde i afsnit eller DIV -tags. Som med alle HTML -tags, skal du lukke elementet for at det kan fungere korrekt. </p> </p> <section class="index-list"> <h4>ANDRE SPROG</h4> <ul> <li> <a href="/en/internet/what-is-an-html-span-tag.html" hreflang="en" lang="en"> English</a></li> <li> <a href="/cs/internet/what-is-an-html-span-tag.html" hreflang="cs" lang="cs"> Čeština</a></li> <li> <a href="/da/internet/what-is-an-html-span-tag.html" hreflang="da" lang="da"> Dansk</a></li> <li> <a href="/de/internet/what-is-an-html-span-tag.html" hreflang="de" lang="de"> Deutsch</a></li> <li> <a href="/sv/internet/what-is-an-html-span-tag.html" hreflang="sv" lang="sv"> Svenska</a></li> <li> <a href="/fr/internet/what-is-an-html-span-tag.html" hreflang="fr" lang="fr"> Français</a></li> <li> <a href="/it/internet/what-is-an-html-span-tag.html" hreflang="it" lang="it"> Italiano</a></li> <li> <a href="/nl/internet/what-is-an-html-span-tag.html" hreflang="nl" lang="nl"> Nederlands</a></li> <li> <a href="/no/internet/what-is-an-html-span-tag.html" hreflang="no" lang="no"> Norsk</a></li> <li> <a href="/pl/internet/what-is-an-html-span-tag.html" hreflang="pl" lang="pl"> Polski</a></li> <li> <a href="/pt/internet/what-is-an-html-span-tag.html" hreflang="pt" lang="pt"> Português</a></li> <li> <a href="/es/internet/what-is-an-html-span-tag.html" hreflang="es" lang="es"> Español</a></li> <li> <a href="/ja/internet/what-is-an-html-span-tag.html" hreflang="ja" lang="ja"> 日本語</a></li> <li> <a href="/ko/internet/what-is-an-html-span-tag.html" hreflang="ko" lang="ko"> 한국어</a></li> <li> </ul> </section> </article> <div class="articleRatings" data-article-url="https://www.helpleft.com/da/internet/what-is-an-html-span-tag.html"> <span class="articleRatings-question">Hjalp denne artikel dig?</span> <span class="articleRatings-feedback"> <span class="articleRatings-feedback-tick"> <svg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"> <path d="m8 14a.997.997 0 0 1 -.707-.293l-2-2a.999.999 0 1 1 1.414-1.414l1.293 1.293 4.293-4.293a.999.999 0 1 1 1.414 1.414l-5 5a.997.997 0 0 1 -.707.293" fill="#2CC683" fill-rule="evenodd"></path> </svg> </span> <span class="articleRatings-feedback-message">tak for tilbagemeldingen</span> </span> <span class="articleRatings-failure">tak for tilbagemeldingen</span> <div class="articleRatings-actions"> <button class="rateAction rateAction--positive" data-rating="positive"> <span class="sr-only">Ja</span> <span class="rating-face"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"> <path fill-rule="evenodd" d="M5.538 14.026A19.392 19.392 0 0 1 12 12.923c2.26 0 4.432.388 6.462 1.103-1.087 2.61-3.571 4.436-6.462 4.436-2.891 0-5.375-1.825-6.462-4.436zm1.847-3.872a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692zm9.23 0a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692z"></path> </svg> </span> </button> <button class="rateAction rateAction--negative" data-rating="negative"> <span class="sr-only">Nein</span> <span class="rating-face"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"> <path fill-rule="evenodd" d="M7.385 13.846a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692zm9.23 0a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692zm-.967 4.95a.992.992 0 0 1-.615-.212c-1.701-1.349-4.364-1.349-6.065 0a.998.998 0 0 1-1.36-.123.895.895 0 0 1 .127-1.3A6.897 6.897 0 0 1 12 15.692c1.555 0 3.069.521 4.266 1.467.41.326.467.909.127 1.3a.982.982 0 0 1-.745.335z"></path> </svg> </span> </button> </div> </div> <section class="articleFoot"> <i class="icon-contact"></i> <p class="help"> <a id="sbContact" href="#contactModal" data-toggle="modal" class="contactUs">Hvordan kan vi hjælpe?</a> <a id="sbContactMobile" href="mailto:support@HelpLeft.com" class="contactUs">Hvordan kan vi hjælpe?</a> </p> <time class="lu"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.helpleft.com/da/internet/what-is-an-html-span-tag.html" target="_blank"><img src="/images/facebook.png"></a> <a href="https://www.pinterest.com/pin/create/link/?url=https://www.helpleft.com/da/internet/what-is-an-html-span-tag.html?utm_source=pinterest.com&utm_medium=social&utm_campaign=sunsetmag&media=https://www.helpleft.com/img/Surgery-2.jpg?itok=88aGvXqN&description=Hvad er et HTML -span -tag?" target="_blank"><img src="/images/pinterest.png"></a> <a href="https://twitter.com/intent/tweet?text=Hvad er et HTML -span -tag?+https://www.helpleft.com/da/internet/what-is-an-html-span-tag.html&via=HelpLeft" target="_blank"><img src="/images/twitter.png"></a> <a href="https://share.flipboard.com/bookmarklet/popout?v=2&title=Hvad er et HTML -span -tag?&url=https://www.helpleft.com/da/internet/what-is-an-html-span-tag.html" target="_blank"><img src="/images/flipboard.png"></a> <a href="mailto:?subject=Hvad er et HTML -span -tag?&body=https://www.helpleft.com/da/internet/what-is-an-html-span-tag.html" target="_blank"><img src="/images/e-mail.png"></a> </time> </section> </div><!--/contentWrapper--> <section class="related"> <h3>RELATEREDE ARTIKLER</h3> <ul> <li><a href="/da/internet/how-do-i-choose-the-best-online-cooking-school.html">Hvordan vælger jeg den bedste online madlavningsskole?</a></li> <li><a href="/da/internet/what-should-i-consider-when-buying-wrist-supports-for-my-computer.html">Hvad skal jeg overveje, når jeg køber håndledsstøtter til min computer?</a></li> <li><a href="/da/internet/what-is-an-internet-call-center.html">Hvad er et internet callcenter?</a></li> <li><a href="/da/internet/what-is-a-usenet-newsreader.html">Hvad er en Usenet NewsReader?</a></li> <li><a href="/da/internet/what-is-a-wait-state.html">Hvad er en ventetilstand?</a></li> <li><a href="/da/internet/how-do-i-remove-malware.html">Hvordan fjerner jeg malware?</a></li> </ul> </section> </section><!--/content--> <aside id="sidebar" class="span3"> <a name="categories"></a> <div class="mobile-no"> <form action="/search.html" method="GET" id="searchBar" class="sm" autocomplete="off"> <input type="text" name="q" title="Suche" class="search-query" placeholder="Geben Sie Ihre Frage ein..." value="" aria-label="Geben Sie Ihre Frage ein..."> <button type="submit"> <span class="sr-only">Suche umschalten</span> <i class="icon-search"></i> </button> </form> </div> <ul class="nav nav-list"> <li ><a href="/da/health-page-1.html">Sundhed</a></li> <li ><a href="/da/education-page-1.html">Uddannelse</a></li> <li ><a href="/da/medicine-page-1.html">Medicin</a></li> <li ><a href="/da/science-page-1.html">Videnskab</a></li> <li ><a href="/da/physiology-page-1.html">Fysiologi</a></li> <li ><a href="/da/finance-page-1.html">Finansiere</a></li> <li ><a href="/da/business-page-1.html">Forretning</a></li> <li ><a href="/da/manufacturing-page-1.html">Produktion</a></li> <li class='active'><a href="/da/internet-page-1.html">Internet<i class='icon-arrow'></i></a></li> <li ><a href="/da/technology-page-1.html">Teknologi</a></li> <li ><a href="/da/miscellaneous-page-1.html">Diverse</a></li> <li><a href="/travel/da/">Rejse</a></li> </ul> </aside> </div> <footer> <p> <a href="/about.html">Über uns</a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="/terms-of-use.html">Nutzungsbedingungen</a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="/privacy-statement.html">Datenschutzrichtlinie</a> <br> Copyright &copy; <a href="/da/">HelpLeft</a> All rights reserved. </p> </footer> </section> <section id="contactModal" class="modal hide" tabindex="-1"> <h2>Hvordan kan vi hjælpe?</h2> <a href="#" id="closeBtn" data-dismiss="modal"><i class="icon-close"></i></a> <div class="modal-body"> <form data-parsley-validate novalidate method="post" action="#" enctype="multipart/form-data" class="form-horizontal contact"> <div class="control-group"> <label for="md-name" class="control-label">Navn</label> <div class="controls"> <input type="text" name="name" id="md-name" placeholder=""> </div> <!--/controls--> </div> <!--/control-group--> <div class="control-group"> <label for="md-email" class="control-label">E-mail</label> <div class="controls"> <input type="email" name="email" id="md-email" data-parsley-required="true" data-parsley-type="email" data-parsley-notblank="true" data-parsley-trigger="change" data-parsley-required-message="Email is required"> <input type="text" name="phone" id="phone" value=""> </div> <!--/controls--> </div> <!--/control-group--> <!--/control-group--> <div class="control-group"> <label for="md-message" class="control-label">Besked</label> <div class="controls"> <textarea name="message" id="md-message" data-parsley-required="true" data-parsley-notblank="true" data-parsley-required-message="Message is required"></textarea> </div> <!--/controls--> </div> <!-- /control-group --> <div class="form-actions"> <input type="submit" class="btn" value="Sende"> </div> <!--/form-actions--> </form> </div> <!--/modal-body--> </section> <script src="/js/app.min.js"></script> </body> </html>