모바일메뉴

EOND

검색
마이페이지
홈페이지제작솔루션 CMS WEB 툴팁 위키 지식인 CMS 포럼 경매모듈 질문•답변
HTML5/CSS3
글쓰기
-
가
+
[HTML5] dl과 ul의 상하관계(?)에 대해서 질문드립니다. 1
이온디
2009.01.20 17:52
6116
1
https://eond.com/164015
object(HotopayModel)#900 (23) { ["error"]=> int(0) ["message"]=> string(7) "success" ["variables"]=> array(0) { } ["httpStatusCode"]=> int(200) ["module"]=> string(7) "hotopay" ["module_info"]=> NULL ["origin_module_info"]=> NULL ["module_config"]=> NULL ["module_path"]=> string(52) "/home/eond/web/eond.com/public_html/modules/hotopay/" ["xml_info"]=> NULL ["module_srl"]=> NULL ["mid"]=> NULL ["act"]=> NULL ["template_path"]=> NULL ["template_file"]=> NULL ["layout_path"]=> NULL ["layout_file"]=> NULL ["edited_layout_file"]=> NULL ["stop_proc"]=> bool(false) ["user"]=> object(Rhymix\Framework\Helpers\SessionHelper)#899 (20) { ["member_srl"]=> int(0) ["user_id"]=> NULL ["user_name"]=> NULL ["nick_name"]=> NULL ["email_address"]=> NULL ["phone_number"]=> NULL ["homepage"]=> NULL ["blog"]=> NULL ["birthday"]=> NULL ["denied"]=> NULL ["status"]=> NULL ["is_admin"]=> string(1) "N" ["is_site_admin"]=> NULL ["profile_image"]=> NULL ["image_name"]=> NULL ["image_mark"]=> NULL ["signature"]=> NULL ["description"]=> NULL ["group_list"]=> array(0) { } ["menu_list"]=> array(0) { } } ["request"]=> object(Rhymix\Framework\Request)#10 (13) { ["method"]=> string(3) "GET" ["compat_method"]=> string(3) "GET" ["url"]=> string(28) "coding/164015/comment/465121" ["hostname"]=> string(8) "eond.com" ["domain"]=> NULL ["protocol"]=> string(5) "https" ["callback_function"]=> string(0) "" ["_route_status":protected]=> int(200) ["_route_options":protected]=> object(stdClass)#11 (5) { ["cache_control"]=> bool(true) ["check_csrf"]=> bool(true) ["is_forwarded"]=> bool(false) ["is_indexable"]=> bool(true) ["enable_session"]=> bool(true) } ["module"]=> string(5) "board" ["mid"]=> string(6) "coding" ["act"]=> string(16) "dispBoardContent" ["args"]=> array(5) { ["category"]=> string(5) "20254" ["document_srl"]=> string(6) "164015" ["comment_srl"]=> string(6) "465121" ["mid"]=> string(6) "coding" ["act"]=> string(16) "dispBoardContent" } } ["ajaxRequestMethod"]=> array(2) { [0]=> string(6) "XMLRPC" [1]=> string(4) "JSON" } ["gzhandler_enable"]=> bool(true) }

block - inline 관계라면 모를까 상하관계는 딱히 정해져 있는게 없습니다.
다만 li는 block이라서 h1~h6이 올 수 있지만 dt는 inline이어서 h1~h6을 가질 수 없다 정도가 존재합니다.
(dt는 inline, dd는 block입니다.)

dl안에 li을 넣든, li 안에 dl이 들어가든 상관 없을 것 같네요. 둘 다 block이니깐요.

1
0
목록
글쓰기 신고 스크랩

댓글 1

댓글작성칸으로
  • 이온디
    2009.01.20 17:53
    베스트
    링크복사
    항목 목록(ul,li)과 번호 목록(ol,li), 사전형 목록(dl,dt,dd)

    ul : unordered list (일반 목록, li 앞에 기호가 붙음)

    li : list item (목록 항목)

     

    <p>대표적인 화면표시 브라우저는 다음의 다섯가지 이다.</p>

    <ul>

      <li>Internet Explorer</li>

      <li>Mozilla FireFox</li>

    </ul>

     

    -----------------------------------------------------

     

    ol : ordered list (숫자붙은 목록, li 앞에 '1.'이 붙음)

    li : list item (목록 항목)

     

    <p>점유율 상위2개의 화면표시 브라우저는 다음과 같다</p>

    <ol>

      <li>Internet Explorer</li>

      <li>Mozilla FireFox</li>

    </ol>

     

    -----------------------------------------------------

     

    dl : definition list ('용어'와 그 '설명'으로 구성된 목록)

    dt : definition term (용어)

    dd : definition description (설명)

     

    <dl>

      <dt>MIDI</dt>

      <dd>

        <p>Musical Instrument Digital Interface의 약자. 음악데이터의 세계공용규격이며 웹에서 일반적으로 사용되는 음성파일형식. 선율을 음표로 표현하는 데이터타입이기 때문에 파일사이즈가 작고 웹에서의 배급에 적합한 특성이 있다. 확장자는 ".mid" 또는 ".midi".</p>

      </dd>

      <dt>MP3</dt>

      <dd>

        <p>MPEG Audio Layer-3의 약자. 영상데이터의 압축방식인 MPEG-1안의 음성데이터 압축기술을 적용하여 작성된 음성파일형식. 확장자는 ".mp3"</p>

        <p>CD정도의 음질인 무압축의 WAVE파일과 비교하러때 파일 사이즈를 1/11정도까지 압축할 수 있다.(하위 기술인 MP1은 약 1/4, MP2는 약 1/7의 압축률)</p>

      </dd>

    </dl>

     

    -----------------------------------------------------

     

    [출처] 항목 목록(ul,li)과 번호 목록(ol,li), 사전형 목록(dl,dt,dd) (류호성의 홈페이지) |작성자 포카포카



    0
    0
HTML5/CSS3
-
가
+
전체 웹표준 웹접근성 부트스트랩 반응형 웹 UI HTML5 jQuery Script CSS Meta Table Form 미분류 PHP Flash CGI DIV 웹폰트 크로스브라우징 위지윅에디터 svg 프레임워크 map swiperjs
1 2
글쓰기
메뉴닫기
profile
로그인 해주세요.
자유게시판 글쓰기 저장함 쪽지
전체글보기 인기글 인기멤버 태그

전체 게시판

닫기

마이페이지

로그인을 해주세요

네이버로 로그인
ID/PW찾기 회원가입