Gibt es eine Möglichkeit, einen wirklich langen HTML-Attributwert in mehr als einer Zeile zu schreiben?

Versuchen, mein HTML lesbar zu halten. Oft mein HTML-Attribut eine wirklich lange URL hat für seinen WertGibt es eine Möglichkeit, einen wirklich langen HTML-Attributwert in mehr als einer Zeile zu schreiben?

Beispiel:

<img src="https://www.google.com/logos/doodles/2016/25th-anniversary-of-armenias-independence-6257593681969152.2-hp2x.jpg" 
    data-alt-src="https://www.google.com/logos/doodles/2016/us-voter-registration-day-reminder-5701453076234240-hp2x.gif" />

Während diese nicht zu lang, manchmal kann die URL viel umfangreicher sein. Diese langen Zeilen sehen in meinem Editor schrecklich aus (mit WebStorm). Es funktioniert nicht, wenn ich die lange URL in mehrere Zeilen zerschneide. Ich verwende "+", um Zeichenfolgen in Java oder anderen Programmiersprachen zu verknüpfen, aber ich weiß nicht, was ich in HTML tun soll.

Ich fühle mich wie eine dumme Frage, aber ich hatte kein Glück auf der Suche nach einer einfachen Antwort. Könnt ihr mir helfen?

Vielen Dank!

Quelle

2016-09-27 CDLee

Eigentlich sollte der Code noch funktionieren, auch wenn Sie die Zeile in zwei Hälften schneiden. HTML wird das gesamte Bit des Codes als eine Zeile anzeigen, bis es den Zeilenumbruch, das ">" trifft. Wenn Ihr Editor Ihnen einen Fehler in der unterbrochenen Zeile gibt, versuchen Sie ihn auszuführen und wenn es nicht funktioniert, dann könnte es ein anderes Problem geben. Stellen Sie nur sicher, dass Sie keinen Abstand dazwischen legen. So zum Beispiel

<img src="https://www.google.com/logos/doodles/2016 
/25th-anniversary-of-armenias-independence-6257593681969152.2-hp2x.jpg" 

data-alt-src="https://www.google.com/logos/doodles/2016/us- 
voter-registration-day-reminder-5701453076234240-hp2x.gif" />

funktionieren würde, aber

<img src="https://www.google.com/logos/doodles/2016/25th- 
    anniversary-of-armenias-independence-6257593681969152.2-hp2x.jpg" 

data-alt-src="https://www.google.com/logos/doodles/2016 
    /us-voter-registration-day-reminder-5701453076234240-hp2x.gif" />

Wäre das nicht.

Quelle

2016-09-27 05:29:53 Boo89100

Wow. Das hat funktioniert, danke. Ich verstehe immer noch nicht, was der Unterschied ist. Ich werde versuchen, es zu überprüfen. – CDLee

Haben Sie den Code ausgeführt oder hat Ihr Editor Ihnen diesen Fehler mitgeteilt? Ich bin nur neugierig, weil ich den Code ausgeführt habe, den du in jfiddle gegeben hast, nur um zu überprüfen, und es geladen das Bild gut, solange es keine Leerzeichen gab! Vielleicht prüfen, ob es Tabbed ist, was auch das Problem sein könnte. – Boo89100

Ah, jetzt sehe ich. Sie können also nach dem Zeilenumbruch nicht einrücken, weil das Leerzeichen in der Mitte der URL wären. Danke, das hilft. – CDLee

Sie können die Linie brechen, nachdem Sie „“ Ihre Bildquelle zu beenden, wenn Sie Ihre Linie zwischen Ihrem Bild src brechen dann würde es nicht funktionieren, weil es wird den Raum als Bild-URL betrachtet

<img src="https://www.google.com/logos/doodles/2016/25th-anniversary-of-armenias-independence-6257593681969152.2-hp2x.jpg" 

data-alt-src="https://www.google.com/logos/doodles/2016/us-voter-registration-day-reminder-5701453076234240-hp2x.gif" />

Quelle

2016-09-27 05:29:15 sheetal

ich verstehen verwendet werden. Ich habe mich gefragt, was Leute für lange URLs innerhalb der "" tun. Musst du es einfach so lange lassen wie es ist? – CDLee

ja du musst – sheetal

Erstellen Sie eine konstante Datei, die Ihre lange URL enthält, und importieren Sie sie. Um String Verkettung zu machen, kann es so etwas wie gemacht werden.

var str = 'https://www.google.com' + 
     '/logos/doodles/2016/' + 
     '25th-anniversary-of-armenias-' + 
     'independence-6257593681969152.2-hp2x.jpg'; 
    <img src=str data-alt-src=str />

Hinweis' ' und " " sollte anders <img src="http://'+variable+'.jpg" data-alt-src="" /> Es gibt auch html beautifier Verfügung verwenden link

Quelle

2016-09-27 05:31:42

Das scheint hoffnungsvoll, aber ich verstehe nicht, wie Sie Variablen in HTML verwenden. Ich kann die Variable in deklarieren, aber der HTML wird es nicht erkennen, oder? – CDLee

Danke für den Link zu den Formatierungsfunktionen! Handliches Werkzeug. – CDLee

Es war ein Vorschlag. Art der Erstellung von dynamischen Divs oder Skripts, die diese langen URLs füllen. Sie müssen basierend auf Ihren Anforderungen implementieren. Aber ich neige dazu, zu beantworten, wie lange URLs aufgeteilt werden. –

Gibt es eine Möglichkeit, einen wirklich langen HTML-Attributwert in mehr als einer Zeile zu schreiben?

Antwort

Verwandte Themen