html5 속성 값에서 따옴표를 무시할 수 있나요?

<blockquote><p>html5 속성 값은 따옴표를 무시할 수 있습니다. HTML5에서는 속성 값에 공백이나 """, "'", "`", "=", "<", "> " 및 기타 특수 기호는 따옴표 없이 형식을 유지할 수 있습니다. <!--”、“--></p></blockquote> <p><img src="https://img.php.cn/upload/article/202201/18/2022011810542942686.jpg" alt="html5 속성 값에서 따옴표를 무시할 수 있나요?" ></p> <p>이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터. </p> <p>html5는 작은따옴표, 큰따옴표를 사용할 수 있습니다. 따옴표가 없거나 따옴표가 없는 경우 태그의 속성 값 주위에 따옴표를 붙이는 것은 선택 사항이지만 여전히 이를 작성하는 것이 관례입니다. </p> <blockquote> <p>W3C 작업 초안(2011년 1월 13일): </p> <p>속성 값은 따옴표 없이 유지될 수 있습니다. 공백이나 <code>"</code>、<code>'</code>、<code>`</code>、<code>=</code> 、<code><</code>、<code>></code></p> </blockquote> <h2><strong>과 같은 특수 기호가 포함되지 않은 경우 따옴표 HTML</strong></h2> <p><span style="font-size: 18px;"><strong>에서 속성 값에 따옴표를 추가할지 여부에 대한 규칙에 대한 자세한 설명: </strong></span></p> <p> 속성 값이 단어 또는 전체 문자열(중간에 공백 없음)인 경우 ) 문자: 따옴표를 추가할 필요가 없습니다</p> <p>속성 값이 여러 단어 또는 전체 문자열(사이에 공백 포함)인 경우: 따옴표 추가 필요</p> <p><span style="color:#a2e043;"><strong>참고:</strong></span>위 내용은 개인적으로 선생님의 원문입니다. 실험을 통해 값에 공백이 있는지 여부에 따라 따옴표를 추가할지 여부가 결정됩니다. 공백이 있으면 따옴표를 추가하세요. 공백이 없으면 추가할 수 없습니다. [그러나 좋은 프로그래밍 습관을 위해 두 경우 모두 따옴표를 추가하는 것이 좋습니다.]</p> <p><strong><span style="font-size: 18px;">실험: </span></strong></p> <p><strong>케이스 1: 재료 이름(no 이름에 공백 포함): </strong></p> <p> 코드 ①(따옴표 포함 값): </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><img src="images/163logo.gif" alt="logo"/></pre><div class="contentsignin">로그인 후 복사</div></div> <p><img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-0.png" style="max-width:90%">일반 표시</p> <p>Code ②(따옴표 제외 값): </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><img src=images/163logo.gif alt="logo"/></pre><div class="contentsignin">로그인 후 복사</div></div> <p><img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-0.png" style="max-width:90%">일반 표시 </p> <p><strong>사례 2: 소재 이름(공백 포함) 이름 중): </strong></p> <p><img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-2.png" style="max-width:90%"></p> <p> 코드 ①(따옴표가 있는 값): </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><img src="images/163 logo.gif" alt="logo"/></pre><div class="contentsignin">로그인 후 복사</div></div> <p><img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-0.png" style="max-width:90%">일반 표시 </p> <p>Code ②(따옴표가 없는 값): </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><img src=images/163 logo.gif alt="logo"/></pre><div class="contentsignin">로그인 후 복사</div></div> <p> <img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/f0500214e16d3d9f8377585a2cdaef5a-4.png" style="max-width:90%">사진을 찾을 수 없음</p> <p><span style="color:#a2e043;"> 요약: 그럴 수 있습니다. 값에 공백이 있고 값을 따옴표로 묶어야 한다는 것을 확인했습니다. 값에 공백이 없으면 추가하거나 추가하지 않아도 됩니다. </span></p> <p><span style="font-size: 18px;"><strong>확장 지식: 쉽게 간과되는 html5의 세부 사항</strong> </span> </p> <ul style="list-style-type: disc;"> <li><p>HTML5에서는 빈 요소 끝의 공백과 슬래시를 무시할 수 있습니다. </p></li> <li><p>속성 값 주위의 따옴표는 선택 사항이지만 계속 입력할 필요는 없습니다. 예를 들어, 태그의 일부 속성은 사전 정의된 값(열거 값이라고도 함)만 허용합니다. 예를 들어 일부 입력 속성은 소문자를 사용합니다. 어떤 값이든 가능합니다. </p></li> <li><p> 태그에 특별한 부울 속성 값이 있으면 true를 의미합니다. 예를 들어, Hidden="hidden"을 입력하세요. 명명 규칙: 단어를 구분하려면 모두 소문자를 사용하고 단어 사이에는 -(대시)를 사용하는 것이 가장 좋습니다. 확장자는 .html입니다(단, .htm은 html 페이지를 나타내는 데에도 사용할 수 있음). 태그는 이미지가 성공적으로 로드되지 않거나 텍스트 전용 브라우저를 통해서만 표시되는 경우에 사용됩니다(극단적으로(접근성이 낮음) 텍스트가 표시되고 화면 판독기가 이를 읽습니다(접근성). </p></li> <li><p>title 태그는 head 태그 내부, 문자 인코딩 메타 태그 뒤에 위치해야 합니다. </p></li> <li> <p>관련 추천: "</p>html 비디오 튜토리얼</li>"<li> </ul>

위 내용은 html5 속성 값에서 따옴표를 무시할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!