"->"가 두 번째 줄에있을 때 따옴표가 일치하지 않습니다.

Question

부트 스트랩 팝업에 대한 데이터 내용을 쓰고 서식 지정시 줄 바꿈을 유지하려고합니다. 그래서 내가 사용했다

.popover { 
    white-space: pre-wrap; 
    max-width: 100%; 
} 

그러나 두 번째 줄에 "->"를 쓰면 경고 메시지가 나타납니다.

이 OK입니다

<div class="panel panel-primary"> 
     <div class="panel-heading panel-head">Factors selection<a href="#" data-placement="left" data-toggle="popover" title="Info" 
      data-content='Select desired pair of factors. 
      Selection goes in this direction: XGroup YGroup, XFactor, YFactor' style="float:right" data-trigger="hover"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a></div> 
     <div class="panel-body"> 

이 확인

<div class="panel panel-primary"> 
     <div class="panel-heading panel-head">Factors selection<a href="#" data-placement="left" data-toggle="popover" title="Info" 
      data-content='Select desired pair of factors.-> 
      Selection goes in this direction: XGroup YGroup, XFactor, YFactor' style="float:right" data-trigger="hover"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a></div> 
     <div class="panel-body"> 

경고, 인용 부호가

<div class="panel panel-primary"> 
     <div class="panel-heading panel-head">Factors selection<a href="#" data-placement="left" data-toggle="popover" title="Info" 
      data-content='Select desired pair of factors. 
      ->Selection goes in this direction: XGroup YGroup, XFactor, YFactor' style="float:right" data-trigger="hover"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a></div> 
     <div class="panel-body"> 

Answer 1

가 unmatches이다 '-이>'때문에 그 자체로 오류가 발생 정상적으로 것 '<! -'은 주석의 시작을 암시합니다. 주석의 시작을 의미합니다. new line, html은 주석을 위의 텍스트의 연속이 아닌 주석으로 취급합니다. 모범 사례를 위해 & # 10 \을 사용하는 것이 좋습니다. 및 & # 13 \; (무시하십시오)

'Select desired pair of factors.

->Selection goes in this direction: XGroup YGroup, XFactor, YFactor' 

더 읽기 쉽고 다음 프로그래머는 열린 공백 양보다 명확하게 의도를 이해합니다.