목록 내 div가 허용됩니까? [복제]
이 질문에는 이미 답변이 있습니다.
- 목록 항목 내에서 div를 사용할 수 있습니까? 답변 5 개
LI 내부의 DIV는 허용되지 않는다는 것을 알고 있지만 최근에 Smashing Magazine, Web Designer Wall 등과 같은 많은 "큰"웹 사이트에서 볼 수 있습니다. 사이트를 확인하려고하지만 오류가 있지만 아무것도 없습니다. LI의 div에 대해?!
LI 내부에서 사용할 수 있습니까? 그리고 유효해야합니까?
예에 따라 유효합니다 xhtml1-strict.dtd. 다음 XHTML은 유효성 검사를 통과합니다 .
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
</head>
<body>
<ul>
<li><div>test</div></li>
</ul>
</body>
</html>
부록으로 : li 내부의 div가 유효한 동안 HTML 5 이전에는 dl, dd 또는 dt 내부의 div는 유효하지 않습니다!
xhtml1-strict.dtd 를 보면 ,
<!ELEMENT li %Flow;>
<!ENTITY % Flow "(#PCDATA | %block; | form | %inline; | %misc;)*">
<!ENTITY % block
"p | %heading; | div | %lists; | %blocktext; | fieldset | table">
따라서 div, p등 내부 일 수있다 li(w3.org에서 엄격한 DTD XHTML 1.0에 따름).
내가 올바르게 기억, 리튬 내부 사업부는 데 사용 무효.
@Flower @Superstringcheese Div는 의미 적으로 문서의 섹션을 정의해야하지만 이미이 역할을 잃어 버렸습니다. 스팬은 그러나 텍스트를 포함해야합니다.
예를 들어 메뉴 항목의 전체 상자를 클릭 가능하게 만들려면이 작업을 수행하려고합니다. 이 작업을 수행하기 위해 'a'태그에 'li'태그를 삽입했지만 더 유효 해 보입니다.
나는 웹 디자인 세계에서 시작하고 의미에 문제없이 LI 내부의 DIV를 사용했습니다. DIV는 목록에 허용되지 않는다고 생각합니다. 즉, UL 안에 DIV를 넣을 수는 없지만 LI에 삽입하는 데 아무런 문제가 없습니다 (LI는 목록 항목 haha이므로). 때로는 DIV가 평소와 약간 다르게 작동하지만 좋은 CSS가 하하를 처리 할 수없는 것은 없습니다. 어쨌든, 나의 나쁜 영어에 대해 유감이며 내 답변이 도움이되지 않았다면 하하 행운을 빕니다!
참고 URL : https://stackoverflow.com/questions/1915077/is-div-inside-list-allowed
'Programing' 카테고리의 다른 글
| SignalR은 어떻게 내부적으로 작동합니까? (0) | 2020.06.08 |
|---|---|
| 마크 다운`네이티브`텍스트 정렬 (0) | 2020.06.08 |
| 전체 리포지토리를 먼저 체크 아웃하지 않고 스파 스 체크 아웃을 수행 할 수 있습니까? (0) | 2020.06.08 |
| Go에서 JSON Marshal을 사용한 소문자 JSON 키 이름 (0) | 2020.06.08 |
| GitHub에서 요점을 어떻게 관리합니까? (0) | 2020.06.08 |