19
Jaki jest cel elementuCo to jest element <span></span>?
<span></span>
? I gdzie powinniśmy go używać?
A
Odpowiedz
28
Od here:
Definicja i Wykorzystanie
Znacznik nie zapewnia wizualną zmianę sama.
Znacznik umożliwia dodanie haczyka do części tekstu lub części dokumentu o numerze .
Gdy tekst jest zaczepiony w rozpiętości elementu można dodać style do treści lub manipulować zawartość na przykład z JavaScript.
Więc krótka wersja jest, to projektować jakiś tekst (bez akapitu lub LINEBREAK który różni się od <div> tag)
+1
+1. Typowym przykładem jest użycie go, aby niektóre teksty miały inny kolor tła (lub jakikolwiek inny element stylu, który nie ma własnego znacznika HTML). –
+1
Czy w3schools nie jest złym odniesieniem do używania? –
6
To tylko sposób logicznie grupa podelementy razem. Możesz także zastosować style itp. Na tym poziomie, które będą kaskadowo zmniejszane.
Spójrz na wikipedia article, który przechodzi w głębię.
7
Jest grupowania elementów HTML i treści do nakładania struktury, określonej dla HTML 4.0 na http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.4:
elementy DIV i SPAN, w połączeniu z ID i klasy atrybutów oferują ogólny mechanizm do dodawania struktury do dokumentów. Elementy te definiują zawartość jako w linii (SPAN) lub na poziomie bloku (DIV), ale nie narzucają żadnych innych idiomów prezentacji na temat zawartości. W związku z tym autorzy mogą używać tych elementów w połączeniu z arkuszami stylów, atrybutem języka, itd., Aby dostosować HTML do własnych potrzeb i gustów.
Podaje przykład zastosowania.
4
Zakres nie ma znaczenia konstrukcyjnego dla dokumentu (np. H1), ale może być używany jako kontener, gdy żaden z innych wbudowanych kontenerów nie jest odpowiedni. Możesz na przykład użyć span, jeśli chcesz zastosować trochę CSS do niewielkiego fragmentu tekstu w innym tekście.
+0
co masz na myśli przez znaczenie strukturalne? – user1451111
4
Znacznik rozpiętość tylko informuje przeglądarkę, aby zastosować zmiany jakie kiedykolwiek style są zawarte w przedziale, a jeśli nie ma stylizacji w rozpiętości wtedy nie byłoby formatowanie zastosowane do załączonego tekstu. To trochę różni się od znacznika div, który zawiera podział akapitu, nawet jeśli nie ma opcji stylizacji zawartych w div.
Jest to przydatne, gdy chcesz zastosować style do elementów bez umieszczania ich w osobnym bloku.
okrzyki
1
to tylko symbol zastępczy javascript lub CSS.
Jeśli nie używasz javascript/css, nie ma sensu używać.
+1
Śmieci można stylizować, jeśli sobie tego życzysz. –
+0
Co tak śmieci, mP? "To tylko symbol zastępczy dla javascript lub css." aby ktokolwiek mógł nim manipulować, JEŻELI wie css/javascript. Czy możesz mi powiedzieć, czy on/ona nie wie o javascript/css, co znaczy dla niego ? I nie powiedziałem, że nie można go stylizować. Miałem na myśli znaczek przydatny tylko w przypadku javascriptera lub css'era, do interaktywnego projektowania lub projektowania graficznego. – janetsmith
+1
Twoja odpowiedź jest nieco myląca. Jest to element zastępczy - podobnie jak element div - z różnicą nie będącą elementem bloku - jest renderowany jako element wstawiany. Domyślnie nie ma stylu. Może być stylizowany. Nie ma znaczenia semantycznego. – easwee
3
Oprócz stylizacji/grupowania/skryptowania, przęsła mogą nadać rzeczywistą funkcjonalność i/lub znaczenie fragmentom tekstu. Pod uwagę:
<p>This <span title="Punk IPA">beer</span> tastes good.</p>
<p>Come on, <span lang="kr">여보</span>!`</p>
<p>Hello <span contenteditable="true">Wordl</span>!?</p>
Również dir, tłumaczyć lub atrybuty spellcheck są nie tylko dla CSS lub JS, ale nadające się na własną rękę też!
Powiązane problemy
- 1. Co to jest <MvcProjectUpgradeChecked> Element w pliku csproj
- 2. Co to jest <% = lub <%: wywoływane w ASP.NET?
- 3. Używając vima, co to jest "<,'>"?
- 4. Co to jest Vec <_>?
- 5. <% $, <% @, <% =, <% # ... o co chodzi?
- 6. Co oznacza operator Bash <<<?
- 7. Php co znaczy <<<?
- 8. co to znaczy według typu = 1 << 0?
- 9. Co to jest druk << EOF; i jak to działa?
- 10. Co to znaczy: "document.write ('<scr' + 'ipt ..."?
- 11. "<! DOCTYPE html>" Co to znaczy?
- 12. F # - Co to jest tablica <'T>?
- 13. Co to jest JavaEMFNature <nature> dla projektu Eclipse?
- 14. Co to jest odpowiednik <template * ngFor w Angular 2?
- 15. Co to jest>: Null <: in Scala?
- 16. Co to jest lista <?> w języku Java (Android)?
- 17. Co to jest atrybut HTML dla = "" w <label>?
- 18. Co to jest tag <view> w układzie xml?
- 19. Jak dodać element typu T do listy <T>, nie wiedząc, co to jest T?
- 20. Co robi << w Pythonie?
- 21. IEnumerable <> to IList <>
- 22. Dlaczego <clear></clear> to nie to samo, co <clear /> w pliku app.config?
- 23. dlaczego defun to nie to samo co (setq <name><lambda>)?
- 24. Co oznacza `<< =` w SBT?
- 25. Co robi (1U << X)?
- 26. W języku PHP, co oznacza "<<<"?
- 27. co robi "<%:"?
- 28. Co to jest element główny w Angular?
- 29. Jaka jest różnica między << i + =?
- 30. convert <vector><string> TO <vector><int> C++, Win32
Span jest bardzo skoncentrowany na CSS. Sam nie dodaje żadnych znaczników, ale pozwala na zastosowanie identyfikatora, stylu lub klasy do fragmentu html. Na przykład zamiast używać jakiegoś tekstu użyjesz jakiś test lub coś podobnego. – Wedge
@Wedge: mała literówka niektóre testy powinny być niektóre testy – Xn0vv3r
To pytanie wydaje się być nie na temat, ponieważ może Łatwo odpowiedzieć przez jeden z tysięcy odniesień online i chodzi o konkretny problem z kodowaniem. – j08691