자체 닫는 DIV 태그를 사용해도됩니까?
중복 가능성 :
자체 닫힘 태그가 HTML5에서 유효합니까?
예를 들면 :
<div id="myDiv" />
그런 다음 Javascript를 사용하여이 div를 채우는 작업이 수행됩니다.
유효한 HTML입니까?
아니요. HTML 4.x에는 자동 닫힘 태그 개념이 없습니다.
XHTML에서 유효합니다.
Div는 유효한 자동 종료 태그가 아닙니다. 빈 div를 가지려면 다음을 수행하는 것이 좋습니다.
<div id="myDiv"></div>
XML 선언과 XHTML 1.0 및 1.1 문서 정의에 따르면 괜찮습니다. null-end 태그 ( >)는 null-end 시작 태그가 더 가까이 ( /) 바로 뒤에 올 때 사용할 수 있으며 코드는 <div id="myDiv"></div>.
특정 소비자가이를 올바르게 처리 할 수 있는지 여부는 완전히 다른 문제입니다.
HTML 4.01에서 사용하는 SGML 선언은 태그 단축을 허용하지만 null-end 태그에 대해 다른 구문을 사용합니다. 거기에 쓸 수 있습니다 <div id="abc"/this is a non-empty div/. 다시 말하지만, 마일리지는 브라우저 지원에 따라 다를 수 있습니다. (내 돈은 "없음"에 있습니다.)
HTML의 향후 버전 (HTML5? 이름이 아직 살아있는 경우)은 더 이상 SGML 언어로 구현되지 않으므로 형식적인 문법에 의존하지 않고 단순히 그들이 말하는 것을 허용합니다.
브라우저에 의해 구현 된 XHTML의 자체 클로징 태그 :
XHTML의 모든 유효한 자동 닫힘 요소는 무엇입니까 (주요 브라우저에서 구현 됨)?
html5의 자체 닫기 태그 :
이 두 코드 블록을 W3C 유효성 검사기를 통해 실행했습니다 . 직접 입력으로 유효성 검사 탭 아래의 입력에 코드를 복사하여 붙여 넣어 결과를 확인합니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>title</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" >
</head>
<body><div id="Mydiv" /></body>
</html>
Doctype이 전환 HTML 4.01 인 코드 블록이 유효성 검사 프로세스에 실패했습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
</head>
<body><div id="Mydiv" /></body>
</html>
XHTML 1.0 전환 doctype을 추가하고 메타 태그를 자체 닫는 태그로 변경하고 html xmlns 줄에 추가하면 유효성 검사가 통과되었습니다.
따라서 질문의 전반부에 답하기 위해 XHTML 1.0 Transitional doctype에 따라 유효한 HTML입니다. javascript를 사용하여 제대로 채울 수 있는지 여부는 확실하지 않습니다.
아니요, 유효한 XML (HTML 아님)이며 내가 아는 한 문서가 application / xml mimetype과 함께 전송되는 경우에만 허용됩니다.
그러나 XHTML 및 XHTML Doctype 선언과 함께 작동 할 수 있습니다.
참고 URL : https://stackoverflow.com/questions/7971716/is-it-ok-to-use-a-self-closing-div-tag
'IT TIP' 카테고리의 다른 글
| 제네릭 메소드의 여러 와일드 카드는 Java 컴파일러 (그리고 나!)를 매우 혼란스럽게 만듭니다. (0) | 2020.12.12 |
|---|---|
| 문서의 상단이 아닌 하단에 JS를로드 할 때의 이점 (0) | 2020.12.12 |
| ggplot 축 레이블의 아래 첨자 문자 (0) | 2020.12.12 |
| OpenCL / AMD : 딥 러닝 (0) | 2020.12.12 |
| `.catch (err => console.error (err))`가 권장되지 않는 이유는 무엇입니까? (0) | 2020.12.12 |