本当に長いHTML属性値を複数の行に記述する方法はありますか？

Question

私のHTMLを読めるようにしようとしています。多くの場合、私のHTML属性は、それが価値だ

例にとって本当に長いURLがあります。これらは長すぎるものではありませんが

<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" /> 

を、時々、URLははるかに広範ことができます。これらの長い行は私のエディタ（WebStormを使って）でひどく見えます。長いURLを複数行にするとうまくいきません。私はJavaや他のプログラミング言語で文字列を連結するのに "+"使用しますが、HTMLで何をすべきか分かりません。

私はこれが愚かな質問であると感じますが、私は簡単な答えを探す運がなかった。あなたは私を助けてくれますか？

ありがとうございました！

Answer 1

実際には、コードを半分にカットしてもコードは機能するはずです。 HTMLは、改行文字「>」に当たるまで、コードの全ビットを1行として表示します。あなたのエディタがあなたに破線のエラーを与えているなら、それを実行してください。まだ動作しない場合、別の問題があるかもしれません。その間にスペースを入れないようにしてください。だから、うまくいく

<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" /> 

例えばしかし

<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" /> 

ないだろう。

Answer 2

あなたがイメージソースの「」終了した後、あなたのイメージSRCの間にあなたのラインを破る場合は、それはあなたの画像のURLとしてスペースを考慮しますので、それが動作しない、ラインを破ることができる

<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" /> 

Answer 3

長いURLを含む定数ファイルを作成し、インポートします。 文字列の連結を行うには、次のようにすることができます。

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 /> 

注' 'と" "は違っ <img src="http://'+variable+'.jpg" data-alt-src="" /> HTMLビューティは、私はそれを理解し、それらをlink