도대체 html 몇버전부터 ul li의 네비코딩이 지원될까요

도대체 html 몇버전부터 ul li의 네비코딩이 지원될까요 > 자유게시판

자유게시판

도대체 html 몇버전부터 ul li의 네비코딩이 지원될까요 정보

도대체 html 몇버전부터 ul li의 네비코딩이 지원될까요

내컴퓨터 홈페이지 자기소개 아이디로 검색 회원게시물 (14.♡.♡.225)
2012.07.30 16:48:10
조회 1,225
댓글 4

본문

보통 ul li 로 네비게이션 코딩들 하시잖아요
이 네비게이션 코딩자체가
doctype html 선언해주기 전까지는 전혀 작동을 안하다가
선언해주고 난 다음부터 작동하더라구요

li:hover ul { 뭐 이렇게} 코딩하잖아요

이 css 가 언제 부터 먹히는건가요?

<!Doctype html>
<html>
<head>
<title>메뉴소스랄까요;; 읏흥;;; 어때요맘에 들어요?</title>
<style>
/* Page Default Css */
body {margin:0;padding:0;border:0;}
/*---------------------------- G4CSSMENU CSS START ---------------------------------*/
/* Made By.내컴퓨터 SIR Gnuboard4 User */
/* G4CSSMENU Default CSS */
#g4cssmenu,#g4cssmenu li,#g4cssmenu ul { list-style:none; padding:0; margin:0;}
#g4cssmenu {border-bottom:4px solid #00A2FF;}

/* G4CSSMENU position CSS */
#g4cssmenu a {font-size:10pt; position:absolute; margin-top:10px; margin-left:10px; }
#g4cssmenu ul {position:absolute; margin-top:36px; margin-left:-1px;}
#g4cssmenu ul li ul{position:absolute; margin-left:149px; margin-top:-1px;}
/* G4CSSMENU Design CSS */
#g4cssmenu
{
width:100%;
height:36px;
background:#484848;
}
#g4cssmenu li
{
height:36px;
width:150px;
color:white;
float:left;
border-left:1px solid #797979;
border-right:1px solid #232323;
}
#g4cssmenu li:hover
{
background:#00BDFB;
border-left:1px solid #00BDFB;
}
#g4cssmenu li ul li
{
clear:both;
background:#565656;
width:152px;
border-right:0px solid #696969;
border-left:0px solid #696969;
border-bottom:1px solid #434343;
border-top:1px solid #696969;
}
#g4cssmenu li ul li:hover
{
clear:both;
width:149px;
background:#767676;
border-right:0px;
border-left:3px solid #00A2FF;
border-bottom:1px solid #434343;
border-top:1px solid #696969;
}
#g4cssmenu li ul li ul li
{
background:#969696;
border-bottom:1px solid #767676;
border-top:1px solid #aaaaaa;
}
/* G4CSSMENU Active CSS */
#g4cssmenu {min-width:986px;}
#g4cssmenu li {display:block}
#g4cssmenu li ul {display:none;}
#g4cssmenu li:hover ul { display:block;}
#g4cssmenu li:hover ul li ul {display:none;}
#g4cssmenu li:hover ul li:hover ul { display:block;}
#g4cssmenu li:hover ul li:hover ul li ul {display:none;}
#g4cssmenu li:hover ul li:hover ul li:hover ul { display:block;}

/*---------------------------- G4CSSMENU CSS END ---------------------------------*/
</style>
</head>
<body>

<ul id="g4cssmenu">
<li><a>menu1</a>
    <ul>
      <li><a>a</a>
        <ul>
          <li><a>a_1</a></li>
          <li><a>a_2</a></li>
          <li><a>a_3</a>
            <ul>
              <li><a>a_3_1</a></li>
              <li><a>a_3_2</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a>b</a></li>
      <li><a>c</a></li>
    </ul>
</li>
<li><a>menu2</a>
    <ul>
      <li><a>b</a>
        <ul>
          <li><a>b_1</a></li>
          <li><a>b_2</a></li>
          <li><a>b_3</a>
            <ul>
              <li><a>b_3_1</a></li>
              <li><a>b_3_2</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a>b</a></li>
      <li><a>c</a></li>
    </ul>
</li>
<li style="margin:0px;padding:0px;height:36px; border-right:0px; width:0px;"></li>
</ul>

</body>
</html>

가 제가 연습한 네비게이션 소스구요.