[bug] SVG 태그는 속성 따옴표를 유지해야 합니다.

4320 단어 html-minifier

묘사

버전: "html-minifier": "^3.5.19"옵션
{ removeAttributeQuotes: true }
최초 SVG입니다.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M436 160c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h320c26.5 0 48-21.5 48-48v-48h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20zm-228-32c35.3 0 64 28.7 64 64s-28.7 64-64 64-64-28.7-64-64 28.7-64 64-64zm112 236.8c0 10.6-10 19.2-22.4 19.2H118.4C106 384 96 375.4 96 364.8v-19.2c0-31.8 30.1-57.6 67.2-57.6h5c12.3 5.1 25.7 8 39.8 8s27.6-2.9 39.8-8h5c37.1 0 67.2 25.8 67.2 57.6v19.2z"/></svg>
<!--
Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
-->
다음은 html 축소기 결과입니다.
<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 448 512"><path d="M436 160c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h320c26.5 0 48-21.5 48-48v-48h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20zm-228-32c35.3 0 64 28.7 64 64s-28.7 64-64 64-64-28.7-64-64 28.7-64 64-64zm112 236.8c0 10.6-10 19.2-22.4 19.2H118.4C106 384 96 375.4 96 364.8v-19.2c0-31.8 30.1-57.6 67.2-57.6h5c12.3 5.1 25.7 8 39.8 8s27.6-2.9 39.8-8h5c37.1 0 67.2 25.8 67.2 57.6v19.2z"/></svg>
크롬 열기
Chrome 일관성 오류입니다.

토론 #1

@alexlamsl
Firefox가 열립니다.
This page contains the following errors:
error on line 1 at column 12: AttValue: " or ' expected
Below is a rendering of the page up to the first error.
가장자리 열기
XML parsing error: poor format
Location: file:///C:/Users/Cat/Desktop/svg.svg
Line 1, column 12:
<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 448 512"><path d="M436 160c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12 -12-12h-20V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h320c26.5 0 48-21.5 48-48v-48h20c6.6 0 12-5.4 12-12v-40c0 -6.6-5.4-12-12-12h-20v-64h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20zm-228-32c35.3 0 64 28.7 64 64s -28.7 64-64 64-64-28.7-64-64 28.7-64 64-64zm112 236.8c0 10.6-10 19.2-22.4 19.2H118.4C106 384 96 375.4 96 364.8v-19.2c0-31.8 30.1-57.6 67.2-57.6h5c12 .3 5.1 25.7 8 39.8 8s27.6-2.9 39.8-8h5c37.1 0 67.2 25.8 67.2 57.6v19.2z"/></svg>
-----------^
IE11도 작동하지 않습니다.

토론 #2

IE11 also can't work.


나는 방금 IE11을 테스트했는데, 나는 SVG 이미지가 내 앞에 나타나는 것을 볼 수 있다.

토론 #셋

IE
버전: 11.165.17134.0
출력:
XML5610: Missing quote characters.     svg.svg (1,12)
tim 20180808140403

토론 #4

토론 #5

removeAttributeQuotescaseSensitivekeepClosingSlash

토론 #6

test

토론 #7

토론 #8

와의svg 표기가 필요합니다. 옛 IE의 오류로 인해 정상적인 행위라고 볼 수 없습니다.
svg는 표준 xml이지만 html은 아닙니다.

토론 #9

내가 알기로는 HTML5의 SVG는 일반적인 XML이 아니다.예를 들면 다음과 같습니다.
http://www.earth.org.uk/note-on-site-technicals-11.html
다음을 포함합니다.
http://m.earth.org.uk/note-on-site-technicals-11.html
내가 찾을 수 있는 모든 브라우저에서 인용부호가 없는 삽입식 SVG 속성은 정상적으로 작동할 수 있을 뿐만 아니라, '표준적' 인 것 같다. (나는 지금 나의 인용을 찾을 수 없다.)
Rgds
다몬

토론 #10

@DamonHD 감사합니다:+1:
FWIW, Firefox는 이 보고서의 예에도 적용됩니다.
미안합니다. 제가 일을 할 수 없는 원인을 찾았습니다.*.svg*.html는 다르다.*.svg에서 일할 수 없습니다.*.html에서 작업 가능
지도해 주셔서 감사합니다.다몬드

좋은 웹페이지 즐겨찾기