[{"data":1,"prerenderedAt":2846},["ShallowReactive",2],{"nav-global":3,"doc-\u002Fdevelop\u002Fhtml\u002Felements":579,"nav":2687,"surround-\u002Fdevelop\u002Fhtml\u002Felements":2843},[4,16,27,453,477,563],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":15},"Planning","i-vscode-icons:file-type-html","\u002Fplan","1.plan",[10],{"title":11,"path":12,"stem":13,"icon":14},"프로젝트 로드맵 작성 가이드","\u002Fplan\u002Fproject-roadmap","1.plan\u002Fproject-roadmap","i-heroicons-map",false,{"title":17,"icon":18,"path":19,"stem":20,"children":21,"page":15},"Design","i-vscode-icons-file-type-image","\u002Fdesign","2.design",[22],{"title":23,"path":24,"stem":25,"icon":26},"디자인 시스템 구축 가이드","\u002Fdesign\u002Fdesign-system-guide","2.design\u002F1.design-system-guide","i-heroicons-book-open",{"title":28,"icon":29,"path":30,"stem":31,"children":32,"page":15},"Development","i-heroicons-code-bracket-square","\u002Fdevelop","3.develop",[33,43,427],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":39,"page":15},"MarkDown","\u002Fdevelop\u002Fmarkdown\u002Fmarkdown","i-vscode-icons-file-type-markdown","\u002Fdevelop\u002Fmarkdown","3.develop\u002F0.markdown",[40],{"title":41,"path":35,"stem":42,"icon":36},"Markdown 필수 문법 완전 정복","3.develop\u002F0.markdown\u002Fmarkdown",{"title":44,"path":45,"stem":46,"children":47,"page":15},"Html","\u002Fdevelop\u002Fhtml","3.develop\u002F1.html",[48,423],{"title":49,"path":50,"stem":51,"children":52,"icon":54},"Elements","\u002Fdevelop\u002Fhtml\u002Felements","3.develop\u002F1.html\u002F1.elements\u002F0.index",[53,55,59,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163,167,171,175,179,183,187,191,195,199,203,207,211,215,219,223,227,231,235,239,243,247,251,255,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375,379,383,387,391,395,399,403,407,411,415,419],{"title":49,"path":50,"stem":51,"icon":54},"i-vscode-icons-file-type-html",{"title":56,"path":57,"stem":58},"\u003Ca>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fa","3.develop\u002F1.html\u002F1.elements\u002Fa",{"title":60,"path":61,"stem":62},"\u003Cabbr>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fabbr","3.develop\u002F1.html\u002F1.elements\u002Fabbr",{"title":64,"path":65,"stem":66},"\u003Caddress>","\u002Fdevelop\u002Fhtml\u002Felements\u002Faddress","3.develop\u002F1.html\u002F1.elements\u002Faddress",{"title":68,"path":69,"stem":70},"\u003Carticle>","\u002Fdevelop\u002Fhtml\u002Felements\u002Farticle","3.develop\u002F1.html\u002F1.elements\u002Farticle",{"title":72,"path":73,"stem":74},"\u003Caside>: 별도 구획 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Faside","3.develop\u002F1.html\u002F1.elements\u002Faside",{"title":76,"path":77,"stem":78},"\u003Cb>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fb","3.develop\u002F1.html\u002F1.elements\u002Fb",{"title":80,"path":81,"stem":82},"\u003Cbase>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fbase","3.develop\u002F1.html\u002F1.elements\u002Fbase",{"title":84,"path":85,"stem":86},"\u003Cbdo>: 양방향 텍스트 재정의 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fbdo","3.develop\u002F1.html\u002F1.elements\u002Fbdo",{"title":88,"path":89,"stem":90},"\u003Cblockquote>: 인용 블록 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fblockquote","3.develop\u002F1.html\u002F1.elements\u002Fblockquote",{"title":92,"path":93,"stem":94},"\u003Cbody>: 문서 본문 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fbody","3.develop\u002F1.html\u002F1.elements\u002Fbody",{"title":96,"path":97,"stem":98},"\u003Cbr>: 줄바꿈 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fbr","3.develop\u002F1.html\u002F1.elements\u002Fbr",{"title":100,"path":101,"stem":102},"\u003Cbutton>: 버튼 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fbutton","3.develop\u002F1.html\u002F1.elements\u002Fbutton",{"title":104,"path":105,"stem":106},"\u003Ccanvas>: 그래픽 캔버스 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fcanvas","3.develop\u002F1.html\u002F1.elements\u002Fcanvas",{"title":108,"path":109,"stem":110},"\u003Ccaption>: 표 설명 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fcaption","3.develop\u002F1.html\u002F1.elements\u002Fcaption",{"title":112,"path":113,"stem":114},"\u003Ccenter>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fcenter","3.develop\u002F1.html\u002F1.elements\u002Fcenter",{"title":116,"path":117,"stem":118},"\u003Ccite>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fcite","3.develop\u002F1.html\u002F1.elements\u002Fcite",{"title":120,"path":121,"stem":122},"\u003Ccode>: 인라인 코드 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fcode","3.develop\u002F1.html\u002F1.elements\u002Fcode",{"title":124,"path":125,"stem":126},"\u003Cdata>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdata","3.develop\u002F1.html\u002F1.elements\u002Fdata",{"title":128,"path":129,"stem":130},"\u003Cdatalist>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdatalist","3.develop\u002F1.html\u002F1.elements\u002Fdatalist",{"title":132,"path":133,"stem":134},"\u003Cdd> 설명 세부정보 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdd","3.develop\u002F1.html\u002F1.elements\u002Fdd",{"title":136,"path":137,"stem":138},"\u003Cdel>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdel","3.develop\u002F1.html\u002F1.elements\u002Fdel",{"title":140,"path":141,"stem":142},"\u003Cdetails>: 세부 정보 공개 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdetails","3.develop\u002F1.html\u002F1.elements\u002Fdetails",{"title":144,"path":145,"stem":146},"\u003Cdfn>: 정의 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdfn","3.develop\u002F1.html\u002F1.elements\u002Fdfn",{"title":148,"path":149,"stem":150},"\u003Cdialog>: 대화 상자 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdialog","3.develop\u002F1.html\u002F1.elements\u002Fdialog",{"title":152,"path":153,"stem":154},"\u003Cdiv>: 콘텐츠 구분 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdiv","3.develop\u002F1.html\u002F1.elements\u002Fdiv",{"title":156,"path":157,"stem":158},"\u003Cdl> 설명 목록 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdl","3.develop\u002F1.html\u002F1.elements\u002Fdl",{"title":160,"path":161,"stem":162},"\u003Cdt>: 설명 용어 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdt","3.develop\u002F1.html\u002F1.elements\u002Fdt",{"title":164,"path":165,"stem":166},"\u003Cem>: 강세 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fem","3.develop\u002F1.html\u002F1.elements\u002Fem",{"title":168,"path":169,"stem":170},"\u003Cembed>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fembed","3.develop\u002F1.html\u002F1.elements\u002Fembed",{"title":172,"path":173,"stem":174},"\u003Cfieldset>: 필드셋 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Ffieldset","3.develop\u002F1.html\u002F1.elements\u002Ffieldset",{"title":176,"path":177,"stem":178},"\u003Cfigcaption>","\u002Fdevelop\u002Fhtml\u002Felements\u002Ffigcaption","3.develop\u002F1.html\u002F1.elements\u002Ffigcaption",{"title":180,"path":181,"stem":182},"\u003Cfigure>","\u002Fdevelop\u002Fhtml\u002Felements\u002Ffigure","3.develop\u002F1.html\u002F1.elements\u002Ffigure",{"title":184,"path":185,"stem":186},"\u003Cfooter>","\u002Fdevelop\u002Fhtml\u002Felements\u002Ffooter","3.develop\u002F1.html\u002F1.elements\u002Ffooter",{"title":188,"path":189,"stem":190},"\u003Cform>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fform","3.develop\u002F1.html\u002F1.elements\u002Fform",{"title":192,"path":193,"stem":194},"\u003Cframeset>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fframeset","3.develop\u002F1.html\u002F1.elements\u002Fframeset",{"title":196,"path":197,"stem":198},"\u003Chead>: 문서 메타데이터 (헤더) 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fhead","3.develop\u002F1.html\u002F1.elements\u002Fhead",{"title":200,"path":201,"stem":202},"\u003Cheader>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fheader","3.develop\u002F1.html\u002F1.elements\u002Fheader",{"title":204,"path":205,"stem":206},"\u003Ch1>–\u003Ch6>: HTML 구획 제목 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fheading_elements","3.develop\u002F1.html\u002F1.elements\u002Fheading_elements",{"title":208,"path":209,"stem":210},"\u003Chgroup>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fhgroup","3.develop\u002F1.html\u002F1.elements\u002Fhgroup",{"title":212,"path":213,"stem":214},"\u003Chr>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fhr","3.develop\u002F1.html\u002F1.elements\u002Fhr",{"title":216,"path":217,"stem":218},"\u003Chtml>: HTML 문서 \u002F 루트 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fhtml","3.develop\u002F1.html\u002F1.elements\u002Fhtml",{"title":220,"path":221,"stem":222},"\u003Ci>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fi","3.develop\u002F1.html\u002F1.elements\u002Fi",{"title":224,"path":225,"stem":226},"\u003Cimg>: 이미지 삽입 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fimg","3.develop\u002F1.html\u002F1.elements\u002Fimg",{"title":228,"path":229,"stem":230},"\u003Cins>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fins","3.develop\u002F1.html\u002F1.elements\u002Fins",{"title":232,"path":233,"stem":234},"\u003Ckbd>: 키보드 입력 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fkbd","3.develop\u002F1.html\u002F1.elements\u002Fkbd",{"title":236,"path":237,"stem":238},"\u003Clabel>","\u002Fdevelop\u002Fhtml\u002Felements\u002Flabel","3.develop\u002F1.html\u002F1.elements\u002Flabel",{"title":240,"path":241,"stem":242},"\u003Clegend>","\u002Fdevelop\u002Fhtml\u002Felements\u002Flegend","3.develop\u002F1.html\u002F1.elements\u002Flegend",{"title":244,"path":245,"stem":246},"\u003Cli>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fli","3.develop\u002F1.html\u002F1.elements\u002Fli",{"title":248,"path":249,"stem":250},"\u003Clink>: 외부 리소스 연결 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Flink","3.develop\u002F1.html\u002F1.elements\u002Flink",{"title":252,"path":253,"stem":254},"\u003Cmain>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fmain","3.develop\u002F1.html\u002F1.elements\u002Fmain",{"title":256,"path":257,"stem":258},"\u003Cmap>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fmap","3.develop\u002F1.html\u002F1.elements\u002Fmap",{"title":260,"path":261,"stem":262},"\u003Cmark>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fmark","3.develop\u002F1.html\u002F1.elements\u002Fmark",{"title":264,"path":265,"stem":266},"\u003Cmenu>: 메뉴 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fmenu","3.develop\u002F1.html\u002F1.elements\u002Fmenu",{"title":268,"path":269,"stem":270},"\u003Cmeta>: 문서 레벨 메타데이터 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fmeta","3.develop\u002F1.html\u002F1.elements\u002Fmeta",{"title":272,"path":273,"stem":274},"\u003Cmeter>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fmeter","3.develop\u002F1.html\u002F1.elements\u002Fmeter",{"title":276,"path":277,"stem":278},"\u003Cnav>: 탐색 구획 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fnav","3.develop\u002F1.html\u002F1.elements\u002Fnav",{"title":280,"path":281,"stem":282},"\u003Cnoscript>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fnoscript","3.develop\u002F1.html\u002F1.elements\u002Fnoscript",{"title":284,"path":285,"stem":286},"\u003Cobject>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fobject","3.develop\u002F1.html\u002F1.elements\u002Fobject",{"title":288,"path":289,"stem":290},"\u003Col>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fol","3.develop\u002F1.html\u002F1.elements\u002Fol",{"title":292,"path":293,"stem":294},"\u003Coptgroup>","\u002Fdevelop\u002Fhtml\u002Felements\u002Foptgroup","3.develop\u002F1.html\u002F1.elements\u002Foptgroup",{"title":296,"path":297,"stem":298},"\u003Coption>","\u002Fdevelop\u002Fhtml\u002Felements\u002Foption","3.develop\u002F1.html\u002F1.elements\u002Foption",{"title":300,"path":301,"stem":302},"\u003Coutput>: 출력 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Foutput","3.develop\u002F1.html\u002F1.elements\u002Foutput",{"title":304,"path":305,"stem":306},"\u003Cp>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fp","3.develop\u002F1.html\u002F1.elements\u002Fp",{"title":308,"path":309,"stem":310},"\u003Cpre>: 미리 서식 정의된 텍스트 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fpre","3.develop\u002F1.html\u002F1.elements\u002Fpre",{"title":312,"path":313,"stem":314},"\u003Cprogress>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fprogress","3.develop\u002F1.html\u002F1.elements\u002Fprogress",{"title":316,"path":317,"stem":318},"\u003Cq>: 인라인 인용문 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fq","3.develop\u002F1.html\u002F1.elements\u002Fq",{"title":320,"path":321,"stem":322},"\u003Crb>: 루비 베이스 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Frb","3.develop\u002F1.html\u002F1.elements\u002Frb",{"title":324,"path":325,"stem":326},"\u003Crp>: 루비 대체 괄호 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Frp","3.develop\u002F1.html\u002F1.elements\u002Frp",{"title":328,"path":329,"stem":330},"\u003Crt>: 루비 텍스트 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Frt","3.develop\u002F1.html\u002F1.elements\u002Frt",{"title":332,"path":333,"stem":334},"\u003Crtc>: 루비 텍스트 콘테이너 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Frtc","3.develop\u002F1.html\u002F1.elements\u002Frtc",{"title":336,"path":337,"stem":338},"\u003Cruby>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fruby","3.develop\u002F1.html\u002F1.elements\u002Fruby",{"title":340,"path":341,"stem":342},"\u003Cs>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fs","3.develop\u002F1.html\u002F1.elements\u002Fs",{"title":344,"path":345,"stem":346},"\u003Csamp>: 출력 예시 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fsamp","3.develop\u002F1.html\u002F1.elements\u002Fsamp",{"title":348,"path":349,"stem":350},"\u003Cscript>: 스크립트 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fscript","3.develop\u002F1.html\u002F1.elements\u002Fscript",{"title":352,"path":353,"stem":354},"\u003Csection>: 일반 구획 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fsection","3.develop\u002F1.html\u002F1.elements\u002Fsection",{"title":356,"path":357,"stem":358},"\u003Cslot>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fslot","3.develop\u002F1.html\u002F1.elements\u002Fslot",{"title":360,"path":361,"stem":362},"\u003Csmall>: 덧붙임 글 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fsmall","3.develop\u002F1.html\u002F1.elements\u002Fsmall",{"title":364,"path":365,"stem":366},"\u003Cspan>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fspan","3.develop\u002F1.html\u002F1.elements\u002Fspan",{"title":368,"path":369,"stem":370},"\u003Cstrong>: 강한 중요 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fstrong","3.develop\u002F1.html\u002F1.elements\u002Fstrong",{"title":372,"path":373,"stem":374},"\u003Cstyle>: 스타일 정보 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fstyle","3.develop\u002F1.html\u002F1.elements\u002Fstyle",{"title":376,"path":377,"stem":378},"\u003Csub>: 아래 첨자 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fsub","3.develop\u002F1.html\u002F1.elements\u002Fsub",{"title":380,"path":381,"stem":382},"\u003Ctemplate>: 콘텐츠 템플릿 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Ftemplate","3.develop\u002F1.html\u002F1.elements\u002Ftemplate",{"title":384,"path":385,"stem":386},"\u003Ctfoot>: 표 바닥글 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Ftfoot","3.develop\u002F1.html\u002F1.elements\u002Ftfoot",{"title":388,"path":389,"stem":390},"\u003Cthead>: 표 머릿글 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fthead","3.develop\u002F1.html\u002F1.elements\u002Fthead",{"title":392,"path":393,"stem":394},"\u003Ctime>","\u002Fdevelop\u002Fhtml\u002Felements\u002Ftime","3.develop\u002F1.html\u002F1.elements\u002Ftime",{"title":396,"path":397,"stem":398},"\u003Ctitle>: 문서 제목 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Ftitle","3.develop\u002F1.html\u002F1.elements\u002Ftitle",{"title":400,"path":401,"stem":402},"\u003Ctrack>: 텍스트 트랙 삽입 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Ftrack","3.develop\u002F1.html\u002F1.elements\u002Ftrack",{"title":404,"path":405,"stem":406},"\u003Cu>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fu","3.develop\u002F1.html\u002F1.elements\u002Fu",{"title":408,"path":409,"stem":410},"\u003Cul>","\u002Fdevelop\u002Fhtml\u002Felements\u002Ful","3.develop\u002F1.html\u002F1.elements\u002Ful",{"title":412,"path":413,"stem":414},"\u003Cvar>: 변수 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fvar","3.develop\u002F1.html\u002F1.elements\u002Fvar",{"title":416,"path":417,"stem":418},"\u003Cvideo>: 비디오 삽입 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fvideo","3.develop\u002F1.html\u002F1.elements\u002Fvideo",{"title":420,"path":421,"stem":422},"\u003Cwbr>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fwbr","3.develop\u002F1.html\u002F1.elements\u002Fwbr",{"title":424,"path":425,"stem":426,"icon":54},"HTML이란?","\u002Fdevelop\u002Fhtml\u002Fhtml","3.develop\u002F1.html\u002Fhtml",{"title":428,"icon":29,"path":429,"stem":430,"children":431,"page":15},"Frameworks","\u002Fdevelop\u002Fframeworks","3.develop\u002F2.frameworks",[432,442],{"title":433,"icon":434,"path":435,"stem":436,"children":437,"page":15},"React","i-logos-react","\u002Fdevelop\u002Fframeworks\u002Freact","3.develop\u002F2.frameworks\u002F2.react",[438],{"title":439,"path":440,"stem":441,"icon":434},"React 애플리케이션 성능 최적화 기법","\u002Fdevelop\u002Fframeworks\u002Freact\u002Freact-performance-optimization","3.develop\u002F2.frameworks\u002F2.react\u002Freact-performance-optimization",{"title":443,"icon":444,"path":445,"stem":446,"children":447,"page":15},"Nuxt","i-logos-nuxt-icon","\u002Fdevelop\u002Fframeworks\u002Fnuxt","3.develop\u002F2.frameworks\u002F3.nuxt",[448],{"title":449,"path":450,"stem":451,"icon":452},"Nuxt 3 시작하기 가이드","\u002Fdevelop\u002Fframeworks\u002Fnuxt\u002Fnuxt3-intro-guide","3.develop\u002F2.frameworks\u002F3.nuxt\u002Fnuxt3-intro-guide","i-logos-vue",{"title":454,"icon":455,"path":456,"stem":457,"children":458,"page":15},"Env","i-vscode-icons-folder-type-tools","\u002Fdevops","4.devops",[459],{"title":460,"icon":455,"path":461,"stem":462,"children":463},"OS","\u002Fdevops\u002Fos","4.devops\u002F1.os\u002Findex",[464,467],{"title":465,"path":461,"stem":462,"icon":466},"Operation System 설정","i-heroicons-cog-8-tooth",{"title":468,"path":469,"stem":470,"children":471,"page":15},"Linux","\u002Fdevops\u002Fos\u002Flinux","4.devops\u002F1.os\u002F1.linux",[472],{"title":473,"path":474,"stem":475,"icon":476},"운영 체제 비교 - 윈도우, 리눅스, 맥OS","\u002Fdevops\u002Fos\u002Flinux\u002Fwindows_linux_macos","4.devops\u002F1.os\u002F1.linux\u002Fwindows_linux_macOS","i-logos-linux-tux",{"title":478,"icon":479,"path":480,"stem":481,"children":482,"page":15},"AI","i-heroicons-sparkles","\u002Fai","5.ai",[483,492,513],{"title":428,"icon":484,"path":485,"stem":486,"children":487,"page":15},"i-vscode-icons-file-type-robotframework","\u002Fai\u002Fframeworks","5.ai\u002F3.frameworks",[488],{"title":489,"path":490,"stem":491,"icon":484},"gstack","\u002Fai\u002Fframeworks\u002Fgstack","5.ai\u002F3.frameworks\u002Fgstack",{"title":493,"path":494,"stem":495,"children":496,"page":15},"Prompt","\u002Fai\u002Fprompt","5.ai\u002F4.prompt",[497],{"title":498,"path":499,"stem":500,"children":501,"page":15},"Claude","\u002Fai\u002Fprompt\u002Fclaude","5.ai\u002F4.prompt\u002F1.claude",[502],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":507,"page":15},"Claude Code","\u002Fai\u002Fprompt\u002Fclaude\u002Fclaude-code","i-logos-anthropic-icon","5.ai\u002F4.prompt\u002F1.claude\u002Fclaude-code",[508],{"title":509,"path":510,"stem":511,"icon":512},"Claude Code MCP 서버 자동 실행 설정","\u002Fai\u002Fprompt\u002Fclaude\u002Fclaude-code\u002Fmcp-server-autostart-configuration","5.ai\u002F4.prompt\u002F1.claude\u002Fclaude-code\u002Fmcp-server-autostart-configuration","i-heroicons-server",{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":519,"page":15},"AI Personas","\u002Fai\u002Fpersonas\u002F01-system-architect","i-heroicons-users","\u002Fai\u002Fpersonas","5.ai\u002F5.personas",[520,523,527,531,535,539,543,547,551,555,559],{"title":521,"path":515,"stem":522},"🏗️ System Architect","5.ai\u002F5.personas\u002F01-system-architect",{"title":524,"path":525,"stem":526},"🎨 ui accessibility expert","\u002Fai\u002Fpersonas\u002F02-ui-accessibility-expert","5.ai\u002F5.personas\u002F02-ui-accessibility-expert",{"title":528,"path":529,"stem":530},"⚙️ Backend API Infrastructure Specialist","\u002Fai\u002Fpersonas\u002F03-backend-api-infrastructure","5.ai\u002F5.personas\u002F03-backend-api-infrastructure",{"title":532,"path":533,"stem":534},"🛡️ Security Threat Modeling Expert System","\u002Fai\u002Fpersonas\u002F04-security-threat-modeling-expert","5.ai\u002F5.personas\u002F04-security-threat-modeling-expert",{"title":536,"path":537,"stem":538},"⚡ Performance-Optimizer AI Assist","\u002Fai\u002Fpersonas\u002F05-performance-optimizer","5.ai\u002F5.personas\u002F05-performance-optimizer",{"title":540,"path":541,"stem":542},"🔍 Root Cause Analyzer AI Persona","\u002Fai\u002Fpersonas\u002F11-root-cause-analyzer","5.ai\u002F5.personas\u002F11-root-cause-analyzer",{"title":544,"path":545,"stem":546},"🧪 QA Testing Expert AI Assistant","\u002Fai\u002Fpersonas\u002F12-quality-assurance-testing-expert","5.ai\u002F5.personas\u002F12-quality-assurance-testing-expert",{"title":548,"path":549,"stem":550},"🔄 Code Refactoring Specialist AI Assistant","\u002Fai\u002Fpersonas\u002F13-code-refactoring-specialist","5.ai\u002F5.personas\u002F13-code-refactoring-specialist",{"title":552,"path":553,"stem":554},"🚀 DevOps Infrastructure Expert AI Assistant","\u002Fai\u002Fpersonas\u002F14-infra-automation-expert","5.ai\u002F5.personas\u002F14-infra-automation-expert",{"title":556,"path":557,"stem":558},"👨‍🏫 Educational-Guidance-Mentor Persona System","\u002Fai\u002Fpersonas\u002F21-educational-guidance-mentor","5.ai\u002F5.personas\u002F21-educational-guidance-mentor",{"title":560,"path":561,"stem":562},"✍️ Documentation Expert AI Assistant","\u002Fai\u002Fpersonas\u002F22-technical-documentation-expert","5.ai\u002F5.personas\u002F22-technical-documentation-expert",{"title":564,"icon":565,"path":566,"stem":567,"children":568,"page":15},"Blog","i-heroicons-newspaper","\u002Fblog","6.blog",[569],{"title":570,"path":571,"stem":572,"children":573,"page":15},"2024","\u002Fblog\u002F2024","6.blog\u002F2024",[574],{"title":575,"path":576,"stem":577,"icon":578},"기록의 중요성","\u002Fblog\u002F2024\u002F2024-02-15-blog","6.blog\u002F2024\u002F2024-02-15-blog","i-heroicons-pencil-square",{"id":580,"title":49,"authors":581,"body":582,"description":2679,"draft":15,"extension":2680,"head":581,"icon":2681,"image":581,"meta":2682,"navigation":2684,"path":50,"publishedAt":581,"seo":2685,"stem":51,"tags":581,"updatedAt":581,"__hash__":2686},"docs\u002F3.develop\u002F1.html\u002F1.elements\u002F0.index.md",null,{"type":583,"value":584,"toc":2659},"minimark",[585,590,621,625,629,723,727,749,753,756,901,905,915,1106,1110,1113,1519,1523,1526,1634,1638,1641,1725,1729,1747,1785,1787,1790,1848,1852,1855,1891,1895,1898,2034,2037,2045,2219,2223,2226,2279,2283,2286,2317,2321,2335],[586,587,589],"h2",{"id":588},"메인-루트","메인 루트",[591,592,593,606],"table",{},[594,595,596],"thead",{},[597,598,599,603],"tr",{},[600,601,602],"th",{},"요소",[600,604,605],{},"설명",[607,608,609],"tbody",{},[597,610,611,618],{},[612,613,614],"td",{},[615,616,617],"code",{},"\u003Chtml>",[612,619,620],{},"HTML 문서의 루트(최상위 요소)를 나타내므로 root 요소라고도 합니다. 다른 모든 요소는 이 요소의 자손이어야 합니다.",[586,622,624],{"id":623},"문서-메타데이터","문서 메타데이터",[626,627,628],"p",{},"메타데이터는 스타일, 스크립트, 각종 소프트웨어(검색 엔진, 브라우저 등)의 탐색 및 렌더링을 도와줄 데이터 등 페이지에 대한 정보를 가집니다. 스타일과 스크립트 메타데이터는 페이지 안에서 정의할 수도 있고, 해당하는 정보를 가진 다른 파일로 링크할 수도 있습니다.",[591,630,631,639],{},[594,632,633],{},[597,634,635,637],{},[600,636,602],{},[600,638,605],{},[607,640,641,650,672,682,705,714],{},[597,642,643,647],{},[612,644,645],{},[615,646,80],{},[612,648,649],{},"문서의 모든 상대 URL에 사용할 기본 URL을 지정합니다. 문서에는 이러한 요소가 하나만 있을 수 있습니다.",[597,651,652,657],{},[612,653,654],{},[615,655,656],{},"\u003Chead>",[612,658,659,663,664,667,668,671],{},[660,661,662],"a",{"href":397},"제목",", ",[660,665,666],{"href":349},"스크립트"," 및 ",[660,669,670],{"href":373},"스타일 시트","와 같은 문서에 대한 기계 판독 가능 정보(메타데이터)를 포함합니다.",[597,673,674,679],{},[612,675,676],{},[615,677,678],{},"\u003Clink>",[612,680,681],{},"현재 문서와 외부 리소스 간의 관계를 지정합니다. 이 요소는 CSS에 연결하는 데 가장 일반적으로 사용되지만 무엇보다도 사이트 아이콘(\"favicon\" 스타일 아이콘과 홈 화면용 아이콘 및 모바일 장치의 앱)을 설정하는 데도 사용됩니다.",[597,683,684,689],{},[612,685,686],{},[615,687,688],{},"\u003Cmeta>",[612,690,691,663,693,663,695,663,698,663,701,704],{},[615,692,80],{},[615,694,678],{},[615,696,697],{},"\u003Cscript>",[615,699,700],{},"\u003Cstyle>",[615,702,703],{},"\u003Ctitle>","과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.",[597,706,707,711],{},[612,708,709],{},[615,710,700],{},[612,712,713],{},"문서 또는 문서의 일부에 대한 스타일 정보를 포함합니다. 이 요소를 포함하는 문서의 내용에 적용되는 CSS를 포함합니다",[597,715,716,720],{},[612,717,718],{},[615,719,703],{},[612,721,722],{},"browser의 제목 표시줄 또는 페이지의 탭에 표시되는 문서의 제목을 정의합니다. 텍스트만 포함합니다. 요소 내의 태그는 무시됩니다.",[586,724,726],{"id":725},"섹션-루트","섹션 루트",[591,728,729,737],{},[594,730,731],{},[597,732,733,735],{},[600,734,602],{},[600,736,605],{},[607,738,739],{},[597,740,741,746],{},[612,742,743],{},[615,744,745],{},"\u003Cbody>",[612,747,748],{},"HTML 문서의 내용을 나타냅니다. 문서에는 이러한 요소가 하나만 있을 수 있습니다.",[586,750,752],{"id":751},"콘텐츠-섹션","콘텐츠 섹션",[626,754,755],{},"콘텐츠 섹션 요소를 사용하면 문서 콘텐츠를 논리적 조각으로 구성할 수 있습니다. 섹션 요소를 사용하여 머리글 및 바닥글 탐색, 콘텐츠 섹션을 식별하는 머리글 요소를 포함하여 페이지 콘텐츠에 대한 광범위한 개요를 만듭니다.",[591,757,758,766],{},[594,759,760],{},[597,761,762,764],{},[600,763,602],{},[600,765,605],{},[607,767,768,777,786,796,814,823,866,878,888],{},[597,769,770,774],{},[612,771,772],{},[615,773,64],{},[612,775,776],{},"가까운 HTML 요소의 사람, 단체, 조직 등에 대한 연락처 정보를 나타냅니다.",[597,778,779,783],{},[612,780,781],{},[615,782,68],{},[612,784,785],{},"문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타냅니다. 사용 예제로 게시판과 블로그 글, 매거진이나 뉴스 기사 등이 있습니다.",[597,787,788,793],{},[612,789,790],{},[615,791,792],{},"\u003Caside>",[612,794,795],{},"문서의 주요 내용과 간접적으로만 연관된 부분을 나타냅니다. 주로 사이드바 혹은 콜아웃 박스로 표현합니다.",[597,797,798,802],{},[612,799,800],{},[615,801,184],{},[612,803,804,805,809,810,813],{},"가장 가까운 ",[660,806,808],{"href":807},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FGuides\u002FContent_categories#sectioning_content","섹션 콘텐츠","나 ",[660,811,726],{"href":812},"\u002Fdevelop\u002Fhtml\u002Felements\u002FHeading_Elements","의 푸터를 나타냅니다. 푸터는 일반적으로 섹션의 작성자, 저작권 정보, 관련 문서 등의 내용을 담습니다.",[597,815,816,820],{},[612,817,818],{},[615,819,200],{},[612,821,822],{},"소개 및 탐색에 도움을 주는 콘텐츠를 나타냅니다. 제목, 로고, 검색 폼, 작성자 이름 등의 요소도 포함할 수 있습니다.",[597,824,825,857],{},[612,826,827,663,832,663,837,663,842,663,847,663,852],{},[660,828,829],{"href":812},[615,830,831],{},"\u003Ch1>",[660,833,834],{"href":812},[615,835,836],{},"\u003Ch2>",[660,838,839],{"href":812},[615,840,841],{},"\u003Ch3>",[660,843,844],{"href":812},[615,845,846],{},"\u003Ch4>",[660,848,849],{"href":812},[615,850,851],{},"\u003Ch5>",[660,853,854],{"href":812},[615,855,856],{},"\u003Ch6>",[612,858,859,860,862,863,865],{},"6단계의 구획 제목을 나타냅니다. 구획 단계는 ",[615,861,831],{},"이 가장 높고 ",[615,864,856],{},"은 가장 낮습니다.",[597,867,868,872],{},[612,869,870],{},[615,871,252],{},[612,873,874,875,877],{},"문서 ",[615,876,745],{},"의 주요 콘텐츠를 나타냅니다. 주요 콘텐츠 영역은 문서의 핵심 주제나 앱의 핵심 기능에 직접적으로 연결됐거나 확장하는 콘텐츠로 이루어집니다.",[597,879,880,885],{},[612,881,882],{},[615,883,884],{},"\u003Cnav>",[612,886,887],{},"문서의 부분 중 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 구획을 나타냅니다. 자주 쓰이는 예제는 메뉴, 목차, 색인입니다.",[597,889,890,895],{},[612,891,892],{},[615,893,894],{},"\u003Csection>",[612,896,897,898,900],{},"HTML 문서의 독립적인 구획을 나타내며, 더 적합한 의미를 가진 요소가 없을 때 사용합니다. 보통 ",[615,899,894],{},"은 제목을 포함하지만, 항상 그런 것은 아닙니다.",[586,902,904],{"id":903},"텍스트-콘텐츠","텍스트 콘텐츠",[626,906,907,908,910,911,914],{},"HTML 텍스트 콘텐츠를 사용하여 여는 ",[615,909,745],{},"와 닫는 ",[615,912,913],{},"\u003C\u002Fbody>"," 태그 사이의 블록이나 콘텐츠 구획을 정리할 수 있습니다. 해당 콘텐츠의 목적이나 구조 판별에 사용하므로 접근성과 SEO에 중요합니다.",[591,916,917,925],{},[594,918,919],{},[597,920,921,923],{},[600,922,602],{},[600,924,605],{},[607,926,927,944,962,972,990,1008,1020,1032,1041,1060,1069,1078,1087,1097],{},[597,928,929,934],{},[612,930,931],{},[615,932,933],{},"\u003Cblockquote>",[612,935,936,937,940,941,943],{},"안쪽의 텍스트가 긴 인용문임을 나타냅니다. 주로 들여쓰기를 한 것으로 그려집니다. 인용문의 출처 URL은 ",[615,938,939],{},"cite"," 속성으로, 출처 텍스트는 ",[615,942,116],{}," 요소로 제공할 수 있습니다.",[597,945,946,951],{},[612,947,948],{},[615,949,950],{},"\u003Cdd>",[612,952,953,954,957,958,961],{},"설명 목록(",[615,955,956],{},"\u003Cdl>",")에서 선행 용어(",[615,959,960],{},"\u003Cdt>",")에 대한 설명, 정의 또는 값을 제공합니다.",[597,963,964,969],{},[612,965,966],{},[615,967,968],{},"\u003Cdiv>",[612,970,971],{},"유동 콘텐츠의 일반 컨테이너입니다. CSS를 사용하여 어떤 식으로든 스타일을 지정할 때까지 콘텐츠나 레이아웃에 영향을 미치지 않습니다(예: 스타일이 직접 적용되거나 flexbox와 같은 일종의 레이아웃 모델이 적용됨) 부모 요소).",[597,973,974,978],{},[612,975,976],{},[615,977,956],{},[612,979,980,981,983,984,986,987,989],{},"설명 목록을 나타냅니다. ",[615,982,956],{},"은 ",[615,985,960],{},"로 표기한 용어와 ",[615,988,950],{}," 요소로 표기한 설명 그룹의 목록을 감싸서 설명 목록을 생성합니다. 주로 용어사전 구현이나 메타데이터(키-값 쌍 목록)를 표시할 때 사용합니다.",[597,991,992,996],{},[612,993,994],{},[615,995,960],{},[612,997,998,999,1001,1002,1004,1005,1007],{},"설명 혹은 정의 리스트에서 용어를 나타냅니다. ",[615,1000,956],{}," 요소 안에 위치해야 합니다. 보통 ",[615,1003,950],{}," 요소가 뒤따르지만, 여러 개의 \u003Cdt> 요소를 연속해 배치하면 바로 다음 ",[615,1006,950],{}," 요소로 한꺼번에 서술할 수 있습니다.",[597,1009,1010,1014],{},[612,1011,1012],{},[615,1013,176],{},[612,1015,1016,1017,1019],{},"부모 ",[615,1018,180],{}," 요소가 포함하는 다른 콘텐츠에 대한 설명 혹은 범례를 나타냅니다.",[597,1021,1022,1026],{},[612,1023,1024],{},[615,1025,180],{},[612,1027,1028,1029,1031],{},"독립적인 콘텐츠를 표현합니다. ",[615,1030,176],{}," 요소를 사용해 설명을 붙일 수 있습니다. 피규어, 설명, 콘텐츠는 하나의 단위로 참조됩니다.",[597,1033,1034,1038],{},[612,1035,1036],{},[615,1037,212],{},[612,1039,1040],{},"이야기 장면 전환, 구획 내 주제 변경 등, 문단 레벨 요소에서 주제의 분리를 나타냅니다.",[597,1042,1043,1047],{},[612,1044,1045],{},[615,1046,244],{},[612,1048,1049,1050,1052,1053,1055,1056,1059],{},"목록의 항목을 나타냅니다. 반드시 정렬 목록(",[615,1051,288],{},"), 비정렬 목록(",[615,1054,408],{},", 혹은 메뉴(",[615,1057,1058],{},"\u003Cmenu>",") 안에 위치해야 합니다. 메뉴와 비정렬 목록에서는 보통 불릿으로 항목을 나타내고, 정렬 목록에서는 숫자나 문자를 사용한 오름차순 카운터로 나타냅니다.",[597,1061,1062,1066],{},[612,1063,1064],{},[615,1065,1058],{},[612,1067,1068],{},"사용자가 수행하거나 하는 명령 묶음을 말합니다. 이것은 스크린 위에 나오는 목록 메뉴와 눌려진 버튼 아래에 나오는 것과 같은 맥락 메뉴를 포함합니다.",[597,1070,1071,1075],{},[612,1072,1073],{},[615,1074,288],{},[612,1076,1077],{},"정렬된 목록을 나타냅니다. 보통 숫자 목록으로 표현합니다.",[597,1079,1080,1084],{},[612,1081,1082],{},[615,1083,304],{},[612,1085,1086],{},"하나의 문단을 나타냅니다. 시각적인 매체에서, 문단은 보통 인접 블록과의 여백과 첫 줄의 들여쓰기로 구분하지만, HTML에서 문단은 이미지나 입력 폼 등 서로 관련있는 콘텐츠 무엇이나 될 수 있습니다.",[597,1088,1089,1094],{},[612,1090,1091],{},[615,1092,1093],{},"\u003Cpre>",[612,1095,1096],{},"미리 서식을 지정한 텍스트를 나타내며, HTML에 작성한 내용 그대로 표현합니다. 텍스트는 보통 고정폭 글꼴을 사용해 렌더링하고, 요소 내 공백문자를 그대로 유지합니다.",[597,1098,1099,1103],{},[612,1100,1101],{},[615,1102,408],{},[612,1104,1105],{},"정렬되지 않은 목록을 나타냅니다. 보통 불릿으로 표현합니다.",[586,1107,1109],{"id":1108},"인라인-텍스트-시멘틱","인라인 텍스트 시멘틱",[626,1111,1112],{},"HTML 인라인 텍스트 시멘틱을 사용해서 단어, 줄, 혹은 아무 부분의 의미나 구조, 스타일을 정의할 수 있습니다.",[591,1114,1115,1123],{},[594,1116,1117],{},[597,1118,1119,1121],{},[600,1120,602],{},[600,1122,605],{},[607,1124,1125,1148,1167,1183,1193,1203,1213,1222,1232,1244,1268,1281,1290,1300,1309,1324,1343,1352,1361,1382,1392,1413,1449,1458,1468,1478,1491,1500,1510],{},[597,1126,1127,1131],{},[612,1128,1129],{},[615,1130,56],{},[612,1132,1133,1139,1140,1142,1143,1147],{},[660,1134,1136],{"href":1135},"\u002Fdevelop\u002Fhtml\u002Felements\u002Fa#href",[615,1137,1138],{},"href"," 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만듭니다. ",[615,1141,56],{}," 안의 콘텐츠는 링크 목적지의 설명을 ",[1144,1145,1146],"strong",{},"나타내야 합니다",".",[597,1149,1150,1154],{},[612,1151,1152],{},[615,1153,60],{},[612,1155,1156,1157,1163,1164,1166],{},"준말 또는 머리글자를 나타냅니다. 선택 속성인 ",[660,1158,1160],{"href":1159},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes#title",[615,1161,1162],{},"title","을 사용하면 준말의 전체 뜻이나 설명을 제공할 수 있습니다. ",[615,1165,1162],{}," 속성은 전체 설명만을 가져야 하며 다른건 포함할 수 없습니다.",[597,1168,1169,1173],{},[612,1170,1171],{},[615,1172,76],{},[612,1174,1175,1176,1178,1179,1182],{},"독자의 주의를 요소의 콘텐츠로 끌기 위한 용도로 사용합니다. 그 외의 다른 특별한 중요도는 주어지지 않습니다. 원래는 \"굵은 글씨 요소\"로 불렸으며, 대부분의 브라우저도 여전히 텍스트를 굵은 글씨체로 강조합니다. 그러나 ",[615,1177,76],{},"를 사용해 텍스트를 꾸미면 안됩니다. 대신 CSS font-weight를 사용해 굵은 글씨체를 적용하거나, ",[615,1180,1181],{},"\u003Cstrong>"," 요소를 사용해 특별히 중요한 텍스트를 나타내세요.",[597,1184,1185,1190],{},[612,1186,1187],{},[615,1188,1189],{},"\u003Cbdi>",[612,1191,1192],{},"포함된 텍스트를 주변 텍스트와 분리하여 처리하도록 브라우저의 양방향 알고리즘에 지시합니다. 웹 사이트가 일부 텍스트를 동적으로 삽입하고 삽입되는 텍스트의 방향성을 모를 때 특히 유용합니다.",[597,1194,1195,1200],{},[612,1196,1197],{},[615,1198,1199],{},"\u003Cbdo>",[612,1201,1202],{},"현재 텍스트의 쓰기 방향을 덮어쓰고 다른 방향으로 렌더링 할 때 사용합니다.",[597,1204,1205,1210],{},[612,1206,1207],{},[615,1208,1209],{},"\u003Cbr>",[612,1211,1212],{},"텍스트 안에 줄바꿈(캐리지 리턴)을 생성합니다. 주소나 시조 등 줄의 구분이 중요한 내용을 작성할 때 유용합니다.",[597,1214,1215,1219],{},[612,1216,1217],{},[615,1218,116],{},[612,1220,1221],{},"저작물의 출처를 표기할 때 사용하며, 제목을 반드시 포함해야 합니다. 적절한 맥락 아래에서는 출처를 축약해서 표기할 수 있습니다.",[597,1223,1224,1229],{},[612,1225,1226],{},[615,1227,1228],{},"\u003Ccode>",[612,1230,1231],{},"짧은 코드 조각을 나타내는 스타일을 사용해 자신의 콘텐츠를 표시합니다. 기본 스타일은 사용자 에이전트의 고정폭 글씨체입니다.",[597,1233,1234,1238],{},[612,1235,1236],{},[615,1237,124],{},[612,1239,1240,1241,1243],{},"주어진 콘텐츠를 기계가 읽을 수 있는 해석본과 연결합니다. 콘텐츠가 시간 혹은 날짜 관련 정보라면 대신 ",[615,1242,392],{}," 요소를 사용하세요.",[597,1245,1246,1251],{},[612,1247,1248],{},[615,1249,1250],{},"\u003Cdfn>",[612,1252,1253,1254,1256,1257,663,1259,1261,1262,1264,1265,1267],{},"현재 맥락이나 문장에서 정의하고 있는 용어를 나타냅니다. ",[615,1255,1250],{},"에서 가장 가까운 ",[615,1258,304],{},[615,1260,960],{},"\u002F",[615,1263,950],{}," 쌍, ",[615,1266,894],{}," 조상 요소를 용어 정의로 간주합니다.",[597,1269,1270,1275],{},[612,1271,1272],{},[615,1273,1274],{},"\u003Cem>",[612,1276,1277,1278,1280],{},"텍스트의 강세를 나타냅니다. ",[615,1279,1274],{}," 요소를 중첩하면 더 큰 강세를 뜻하게 됩니다.",[597,1282,1283,1287],{},[612,1284,1285],{},[615,1286,220],{},[612,1288,1289],{},"텍스트에서 어떤 이유로 주위와 구분해야 하는 부분을 나타냅니다. 기술 용어, 외국어 구절, 등장인물의 생각 등을 예시로 들 수 있습니다. 보통 기울임꼴로 표시합니다.",[597,1291,1292,1297],{},[612,1293,1294],{},[615,1295,1296],{},"\u003Ckbd>",[612,1298,1299],{},"키보드 입력, 음성 입력 등 임의의 장치를 사용한 사용자의 입력을 나타냅니다. 관례에 따라 사용자 에이전트의 고정폭 글꼴로 표시하지만, HTML 표준은 그런 점을 강제하지 않습니다.",[597,1301,1302,1306],{},[612,1303,1304],{},[615,1305,260],{},[612,1307,1308],{},"현재 맥락에 관련이 깊거나 중요해 표시 또는 하이라이트한 부분을 나타냅니다.",[597,1310,1311,1316],{},[612,1312,1313],{},[615,1314,1315],{},"\u003Cq>",[612,1317,1318,1319,1321,1322,1243],{},"둘러싼 텍스트가 짧은 인라인 인용문이라는것을 나타냅니다. 대부분의 브라우저에서는 앞과 뒤에 따옴표를 붙여 표현합니다. ",[615,1320,1315],{},"는 줄 바꿈이 없는 짧은 경우에 적합합니다. 긴 인용문은 ",[615,1323,933],{},[597,1325,1326,1331],{},[612,1327,1328],{},[615,1329,1330],{},"\u003Crp>",[612,1332,1333,1335,1336,1339,1340,1342],{},[615,1334,336],{}," 요소를 사용한 루비 주석을 지원하지 않는 경우 보여줄 괄호를 제공할 때 사용합니다. ",[615,1337,1338],{},"\u003Crt>"," 요소를 감싸는 여는 괄호와 닫는 괄호를 각각의 ",[615,1341,1330],{}," 요소로 나타내야 합니다.",[597,1344,1345,1349],{},[612,1346,1347],{},[615,1348,1338],{},[612,1350,1351],{},"동아시아 문자의 루비 주석에서 발음, 번역 등을 나타내는 텍스트 부분을 지정합니다.",[597,1353,1354,1358],{},[612,1355,1356],{},[615,1357,336],{},[612,1359,1360],{},"루비 주석을 나타냅니다. 루비 주석은 동아시아 문자의 발음을 표기할 때 사용합니다.",[597,1362,1363,1367],{},[612,1364,1365],{},[615,1366,340],{},[612,1368,1369,1370,1372,1373,1375,1376,1378,1379,1381],{},"글자에 취소선, 즉 글자를 가로지르는 선을 그립니다. ",[615,1371,340],{}," 요소를 사용해 이제 관계 없거나 더 이상 정확하지 않은 부분을 나타내세요. 그러나, ",[615,1374,340],{},"는 문서의 편집 기록을 나타내는 용도로는 적합하지 않습니다. 상황에 따라 ",[615,1377,136],{},"과 ",[615,1380,228],{}," 요소를 대신 사용하세요.",[597,1383,1384,1389],{},[612,1385,1386],{},[615,1387,1388],{},"\u003Csamp>",[612,1390,1391],{},"컴퓨터 프로그램 출력의 예시(혹은 인용문)를 나타냅니다. 보통 브라우저의 기본 고정폭 글씨체(보통 Courier, Lucida Console)를 사용해 렌더링합니다.",[597,1393,1394,1399],{},[612,1395,1396],{},[615,1397,1398],{},"\u003Csmall>",[612,1400,1401,1402,1404,1405,1408,1409,1412],{},"덧붙이는 글이나, 저작권과 법률 표기 등의 작은 텍스트를 나타냅니다. 기본 상태에서 ",[615,1403,1398],{},"은 자신의 콘텐츠를 한 사이즈 작은 글꼴(",[615,1406,1407],{},"small","에서 ",[615,1410,1411],{},"x-small"," 등)로 표시하지만, 스타일을 적용한 후에도 글씨 크기가 작을 필요는 없습니다.",[597,1414,1415,1419],{},[612,1416,1417],{},[615,1418,364],{},[612,1420,1421,1422,1428,1429,983,1431,1433,1434,1436,1437,1441,1442,983,1444,1448],{},"구문 콘텐츠를 위한 통용 인라인 컨테이너로, 본질적으로는 아무것도 나타내지 않습니다. 스타일을 적용하기 위해서, 또는 ",[660,1423,1425],{"href":1424},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes#lang",[615,1426,1427],{},"lang"," 등 어떤 특성의 값을 서로 공유하는 요소를 묶을 때 사용할 수 있습니다. 적절한 의미를 가진 다른 요소가 없을 때에만 사용해야 합니다. ",[615,1430,364],{},[615,1432,968],{},"와 매우 유사하지만, ",[615,1435,968],{},"는 ",[660,1438,1440],{"href":1439},"\u002Fko\u002Fdocs\u002FGlossary\u002FBlock-level_content","블록 레벨 요소","인 반면 ",[615,1443,364],{},[660,1445,1447],{"href":1446},"\u002Fko\u002Fdocs\u002FGlossary\u002FInline-level_content","인라인 요소","입니다.",[597,1450,1451,1455],{},[612,1452,1453],{},[615,1454,1181],{},[612,1456,1457],{},"중대하거나 긴급한 콘텐츠를 나타냅니다. 보통 브라우저는 굵은 글씨로 표시합니다.",[597,1459,1460,1465],{},[612,1461,1462],{},[615,1463,1464],{},"\u003Csub>",[612,1466,1467],{},"활자 배치를 아래 첨자로 해야 하는 인라인 텍스트를 지정합니다. 아래 첨자는 보통 더 작은 글씨 크기를 가지고, 기준선을 아래로 내려 렌더링 합니다.",[597,1469,1470,1475],{},[612,1471,1472],{},[615,1473,1474],{},"\u003Csup>",[612,1476,1477],{},"활자 배치를 위 첨자로 해야 하는 인라인 텍스트를 지정합니다. 위 첨자는 보통 더 작은 글씨 크기를 가지고, 기준선을 위로 올려 렌더링 합니다.",[597,1479,1480,1484],{},[612,1481,1482],{},[615,1483,392],{},[612,1485,1486,1487,1490],{},"시간의 특정 지점 또는 구간을 나타냅니다. ",[615,1488,1489],{},"datetime"," 특성의 값을 지정해 보다 적절한 검색 결과나, 알림 같은 특정 기능을 구현할 때 사용할 수 있습니다.",[597,1492,1493,1497],{},[612,1494,1495],{},[615,1496,404],{},[612,1498,1499],{},"글자로 표현하지 않는 주석을 가진 것으로 렌더링 해야 하는 텍스트를 나타냅니다. 기본값에서는 단순한 밑줄로 표시하지만 CSS를 사용해 바꿀 수 있습니다.",[597,1501,1502,1507],{},[612,1503,1504],{},[615,1505,1506],{},"\u003Cvar>",[612,1508,1509],{},"수학 표현 또는 프로그래밍에서 변수의 이름을 나타냅니다. 보통 현재 글씨체의 기울임꼴로 표시하지만, 브라우저마다 다를 수 있습니다.",[597,1511,1512,1516],{},[612,1513,1514],{},[615,1515,420],{},[612,1517,1518],{},"현재 요소의 줄 바꿈 규칙을 무시하고 브라우저가 줄을 바꿀 수 있는 위치를 나타냅니다.",[586,1520,1522],{"id":1521},"이미지-멀티미디어","이미지 & 멀티미디어",[626,1524,1525],{},"HTML은 사진, 오디오, 비디오 등 다양한 멀티미디어 리소스를 지원합니다..",[591,1527,1528,1536],{},[594,1529,1530],{},[597,1531,1532,1534],{},[600,1533,602],{},[600,1535,605],{},[607,1537,1538,1551,1569,1579,1590,1622],{},[597,1539,1540,1545],{},[612,1541,1542],{},[615,1543,1544],{},"\u003Carea>",[612,1546,1547,1548,1550],{},"이미지의 핫스팟 영역을 정의하고 하이퍼링크를 추가할 수 있습니다. ",[615,1549,256],{}," 요소 안에서만 사용할 수 있습니다.",[597,1552,1553,1558],{},[612,1554,1555],{},[615,1556,1557],{},"\u003Caudio>",[612,1559,1560,1561,1564,1565,1568],{},"문서에 소리 콘텐츠를 포함할 때 사용합니다. ",[615,1562,1563],{},"src"," 특성 또는 ",[615,1566,1567],{},"\u003Csource>"," 요소를 사용해 한 개 이상의 오디오 소스를 지정할 수 있으며, 다수를 지정한 경우 가장 적절한 소스를 브라우저가 고릅니다. MediaStream을 사용하면 미디어 스트림을 바라볼 수도 있습니다.",[597,1570,1571,1576],{},[612,1572,1573],{},[615,1574,1575],{},"\u003Cimg>",[612,1577,1578],{},"문서에 이미지를 넣습니다.",[597,1580,1581,1585],{},[612,1582,1583],{},[615,1584,256],{},[612,1586,1587,1589],{},[615,1588,1544],{}," 요소와 함께 이미지 맵(클릭 가능한 링크 영역)을 정의할 때 사용합니다.",[597,1591,1592,1597],{},[612,1593,1594],{},[615,1595,1596],{},"\u003Ctrack>",[612,1598,1599,1600,663,1602,1605,1606,1610,1611,1614,1615,1621],{},"미디어 요소(",[615,1601,1557],{},[615,1603,1604],{},"\u003Cvideo>",")의 자식으로서, 자막 등 시간별 텍스트 트랙(시간 기반 데이터)를 지정할 때 사용합니다. 트랙은 ",[660,1607,1609],{"href":1608},"\u002Fko\u002Fdocs\u002FWeb\u002FAPI\u002FWebVTT_API","WebVTT","(Web Video Text Tracks, ",[615,1612,1613],{},".vtt"," 파일) 또는 ",[660,1616,1620],{"href":1617,"rel":1618},"https:\u002F\u002Fw3c.github.io\u002Fttml2\u002Findex.html",[1619],"nofollow","Timed Text Markup Language(TTML)","형식을 사용해야 합니다.",[597,1623,1624,1628],{},[612,1625,1626],{},[615,1627,1604],{},[612,1629,1630,1631,1633],{},"비디오 플레이백을 지원하는 미디어 플레이어를 문서에 삽입합니다. 오디오 콘텐츠에도 사용할 수 있으나, ",[615,1632,1557],{}," 요소가 사용자 경험에 좀 더 적합합니다.",[586,1635,1637],{"id":1636},"내장-콘텐츠","내장 콘텐츠",[626,1639,1640],{},"HTML은 일반적인 멀티미디어 콘텐츠 외에도 다양한 종류의 기타 콘텐츠를 포함할 수 있습니다.",[591,1642,1643,1651],{},[594,1644,1645],{},[597,1646,1647,1649],{},[600,1648,602],{},[600,1650,605],{},[607,1652,1653,1662,1672,1681,1697,1707],{},[597,1654,1655,1659],{},[612,1656,1657],{},[615,1658,168],{},[612,1660,1661],{},"외부 어플리케이션이나 대화형 컨텐츠와의 통합점을 나타냅니다.",[597,1663,1664,1669],{},[612,1665,1666],{},[615,1667,1668],{},"\u003Ciframe>",[612,1670,1671],{},"중첩 브라우징 맥락을 나타내는 요소로, 현재 문서 안에 다른 HTML 페이지를 삽입합니다.",[597,1673,1674,1678],{},[612,1675,1676],{},[615,1677,284],{},[612,1679,1680],{},"이미지나, 중첩된 브라우저 컨텍스트, 플러그인에 의해 다뤄질수 있는 리소스와 같은 외부 리소스를 나타냅니다.",[597,1682,1683,1688],{},[612,1684,1685],{},[615,1686,1687],{},"\u003Cpicture>",[612,1689,1690,1691,1693,1694,1696],{},"0개 이상의 ",[615,1692,1567],{}," 요소와 하나의 ",[615,1695,1575],{}," 요소를 포함하여 다양한 디스플레이\u002F장치 시나리오에 대한 이미지의 대체 버전을 제공합니다.",[597,1698,1699,1704],{},[612,1700,1701],{},[615,1702,1703],{},"\u003Cportal>",[612,1705,1706],{},"새 페이지로의 원활한 탐색을 위해 다른 HTML 페이지를 현재 페이지에 포함할 수 있습니다.",[597,1708,1709,1713],{},[612,1710,1711],{},[615,1712,1567],{},[612,1714,1715,1716,1378,1720,1724],{},"그림, 오디오 요소 또는 비디오 요소에 대한 여러 미디어 리소스를 지정합니다. 이는 콘텐츠가 없고 닫는 태그가 없음을 의미하는 무효 요소입니다. 일반적으로 ",[660,1717,1719],{"href":1718},"\u002Fko\u002Fdocs\u002FWeb\u002FMedia\u002FFormats\u002FImage_types","이미지 파일 형식",[660,1721,1723],{"href":1722},"\u002Fko\u002Fdocs\u002FWeb\u002FMedia\u002FFormats","미디어 파일 형식","에 대한 서로 다른 지원을 제공하는 광범위한 브라우저와의 호환성을 제공하기 위해 여러 파일 형식으로 동일한 미디어 콘텐츠를 제공하는 데 사용됩니다.",[586,1726,1728],{"id":1727},"svg와-mathml","SVG와 MathML",[626,1730,1731,667,1734,1737,1738,667,1742,1746],{},[615,1732,1733],{},"\u003Csvg>",[615,1735,1736],{},"\u003Cmath>"," 요소를 사용하여 ",[660,1739,1741],{"href":1740},"\u002Fko\u002Fdocs\u002FWeb\u002FSVG","SVG",[660,1743,1745],{"href":1744},"\u002Fko\u002Fdocs\u002FWeb\u002FMathML","MathML"," 콘텐츠를 HTML 문서에 직접 삽입할 수 있습니다.",[591,1748,1749,1757],{},[594,1750,1751],{},[597,1752,1753,1755],{},[600,1754,602],{},[600,1756,605],{},[607,1758,1759,1773],{},[597,1760,1761,1765],{},[612,1762,1763],{},[615,1764,1733],{},[612,1766,1767,1768,1772],{},"새 좌표계 및 ",[660,1769,1771],{"href":1770},"\u002Fko\u002Fdocs\u002FWeb\u002FSVG\u002FReference\u002FAttribute\u002FviewBox","뷰포트","를 정의하는 컨테이너입니다. SVG 문서의 가장 바깥쪽 요소로 사용되지만 SVG 또는 HTML 문서 내부에 SVG 조각을 포함하는 데에도 사용할 수 있습니다.",[597,1774,1775,1779],{},[612,1776,1777],{},[615,1778,1736],{},[612,1780,1781,1782,1784],{},"MathML의 최상위 요소입니다. 모든 유효한 MathML 인스턴스는 여기에 래핑되어야 합니다. 또한 두 번째 ",[615,1783,1736],{}," 요소를 다른 요소에 중첩해서는 안 되지만 그 안에 임의의 수의 다른 자식 요소를 포함할 수 있습니다.",[586,1786,666],{"id":666},[626,1788,1789],{},"HTML은 동적인 콘텐츠와 웹 어플리케이션을 위해 스크립트 언어, 그 중에서도 주로 JavaScript를 지원합니다. 특정 요소가 이런 기능을 가지고 있습니다.",[591,1791,1792,1800],{},[594,1793,1794],{},[597,1795,1796,1798],{},[600,1797,602],{},[600,1799,605],{},[607,1801,1802,1821,1830],{},[597,1803,1804,1809],{},[612,1805,1806],{},[615,1807,1808],{},"\u003Ccanvas>",[612,1810,1811,1815,1816,1820],{},[660,1812,1814],{"href":1813},"\u002Fko\u002Fdocs\u002FWeb\u002FAPI\u002FCanvas_API","캔버스 스크립팅 API"," 또는 ",[660,1817,1819],{"href":1818},"\u002Fko\u002Fdocs\u002FWeb\u002FAPI\u002FWebGL_API","WebGL API","와 함께 사용해 그래픽과 애니메이션을 그릴 수 있습니다.",[597,1822,1823,1827],{},[612,1824,1825],{},[615,1826,280],{},[612,1828,1829],{},"페이지의 스크립트 유형을 지원하지 않거나, 브라우저가 스크립트를 비활성화한 경우 보여줄 HTML 구획을 정의합니다.",[597,1831,1832,1836],{},[612,1833,1834],{},[615,1835,697],{},[612,1837,1838,1839,1842,1843,1847],{},"데이터와 실행 가능한 코드를 문서에 포함할 때 사용하며 보통 JavaScript 코드와 함께 씁니다. ",[660,1840,1841],{"href":1818},"WebGL","의 GLSL 셰이더 프로그래밍 언어, ",[660,1844,1846],{"href":1845},"\u002Fko\u002Fdocs\u002FGlossary\u002FJSON","JSON"," 등 다른 언어와도 사용할 수 있습니다.",[586,1849,1851],{"id":1850},"수정사항-표시","수정사항 표시",[626,1853,1854],{},"텍스트의 특정 부분이 수정됐다는 것을 표시할 수 있습니다.",[591,1856,1857,1865],{},[594,1858,1859],{},[597,1860,1861,1863],{},[600,1862,602],{},[600,1864,605],{},[607,1866,1867,1879],{},[597,1868,1869,1873],{},[612,1870,1871],{},[615,1872,136],{},[612,1874,1875,1876,1878],{},"문서에서 제거된 텍스트의 범위를 나타냅니다. 문서나 소스 코드의 변경점 추적 등에 사용할 수 있습니다. ",[615,1877,228],{}," 요소를 추가된 텍스트의 범위를 나타낼 수 있습니다.",[597,1880,1881,1885],{},[612,1882,1883],{},[615,1884,228],{},[612,1886,1887,1888,1890],{},"문서에 추가된 텍스트의 범위를 나타냅니다. ",[615,1889,136],{}," 요소를 사용하면 삭제된 텍스트의 범위를 나타낼 수 있습니다.",[586,1892,1894],{"id":1893},"표-콘텐츠","표 콘텐츠",[626,1896,1897],{},"표 형식의 데이터를 생성하고 처리할 때 사용합니다.",[591,1899,1900,1908],{},[594,1901,1902],{},[597,1903,1904,1906],{},[600,1905,602],{},[600,1907,605],{},[607,1909,1910,1920,1934,1943,1953,1967,1982,1992,2009,2019],{},[597,1911,1912,1917],{},[612,1913,1914],{},[615,1915,1916],{},"\u003Ccaption>",[612,1918,1919],{},"표의 설명 또는 제목을 나타냅니다.",[597,1921,1922,1927],{},[612,1923,1924],{},[615,1925,1926],{},"\u003Ccol>",[612,1928,1929,1930,1933],{},"표의 열을 나타내며, 열에 속하는 칸에 공통된 의미를 부여할 때 사용합니다. ",[615,1931,1932],{},"\u003Ccolgroup>"," 안에서 찾을 수 있습니다.",[597,1935,1936,1940],{},[612,1937,1938],{},[615,1939,1932],{},[612,1941,1942],{},"표의 열을 묶는 그룹을 정의합니다.",[597,1944,1945,1950],{},[612,1946,1947],{},[615,1948,1949],{},"\u003Ctable>",[612,1951,1952],{},"행과 열로 이루어진 표를 나타냅니다.",[597,1954,1955,1960],{},[612,1956,1957],{},[615,1958,1959],{},"\u003Ctbody>",[612,1961,1962,1963,1966],{},"표의 여러 행(",[615,1964,1965],{},"\u003Ctr>",")을 묶어서 표 본문을 구성합니다.",[597,1968,1969,1974],{},[612,1970,1971],{},[615,1972,1973],{},"\u003Ctd>",[612,1975,1976,1977,1981],{},"데이터를 포함하는 표의 셀을 정의합니다. 이것은 ",[1978,1979,1980],"em",{},"표 모델","에 참여합니다.",[597,1983,1984,1989],{},[612,1985,1986],{},[615,1987,1988],{},"\u003Ctfoot>",[612,1990,1991],{},"테이블의 열을 요약하는 행들의 집합입니다.",[597,1993,1994,1999],{},[612,1995,1996],{},[615,1997,1998],{},"\u003Cth>",[612,2000,2001,2002,667,2005,2008],{},"테이블 셀 그룹의 헤더로 셀을 정의합니다. 이 그룹의 정확한 특성은 ",[615,2003,2004],{},"scope",[615,2006,2007],{},"headers"," 속성으로 정의됩니다.",[597,2010,2011,2016],{},[612,2012,2013],{},[615,2014,2015],{},"\u003Cthead>",[612,2017,2018],{},"테이블 열의 헤드를 정의하는 일련의 행을 정의합니다.",[597,2020,2021,2025],{},[612,2022,2023],{},[615,2024,1965],{},[612,2026,2027,2028,2030,2031,2033],{},"테이블의 셀 행을 정의합니다. 그런 다음 ",[615,2029,1973],{},"(데이터 셀) 및 ",[615,2032,1998],{},"(헤더 셀) 요소를 혼합하여 행의 셀을 설정할 수 있습니다.ents.",[586,2035,2036],{"id":2036},"양식",[626,2038,2039,2040,2044],{},"HTML은 여러가지 입력 가능한 요소를 제공합니다. 이런 요소를 서로 조합하면 사용자가 내용을 채우고, 웹사이트나 어플리케이션에 제출할 수 있습니다. ",[660,2041,2043],{"href":2042},"\u002Fko\u002Fdocs\u002FLearn_web_development\u002FExtensions\u002FForms","HTML 폼 안내서","에 더욱 다양한 내용이 있습니다.",[591,2046,2047,2055],{},[594,2048,2049],{},[597,2050,2051,2053],{},[600,2052,602],{},[600,2054,605],{},[607,2056,2057,2075,2087,2100,2109,2122,2131,2142,2151,2163,2181,2191,2200,2209],{},[597,2058,2059,2064],{},[612,2060,2061],{},[615,2062,2063],{},"\u003Cbutton>",[612,2065,2066,2067,2069,2070,2074],{},"클릭 가능한 버튼을 나타냅니다. 버튼은 ",[660,2068,2036],{"href":2042}," 내부는 물론 간단한 표준 버튼 기능이 필요한 곳이라면 문서 어디에나 배치할 수 있습니다. 기본값의 HTML 버튼은 사용자 에이전트의 호스트 플랫폼과 비슷한 디자인을 따라가지만, 외형은 ",[660,2071,2073],{"href":2072},"\u002Fko\u002Fdocs\u002FWeb\u002FCSS","CSS","로 변경할 수 있습니다.",[597,2076,2077,2081],{},[612,2078,2079],{},[615,2080,128],{},[612,2082,2083,2084,2086],{},"다른 컨트롤에서 고를 수 있는 가능한, 혹은 추천하는 선택지를 나타내는 ",[615,2085,296],{}," 요소 여럿을 담습니다.",[597,2088,2089,2094],{},[612,2090,2091],{},[615,2092,2093],{},"\u003Cfieldset>",[612,2095,2096,2097,2099],{},"웹 양식의 여러 컨트롤과 레이블(",[615,2098,236],{},")을 묶을 때 사용합니다.",[597,2101,2102,2106],{},[612,2103,2104],{},[615,2105,188],{},[612,2107,2108],{},"정보를 제출하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타냅니다.",[597,2110,2111,2116],{},[612,2112,2113],{},[615,2114,2115],{},"\u003Cinput>",[612,2117,2118,2119,2121],{},"웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다. 사용자 에이전트에 따라서 다양한 종류의 입력 데이터 유형과 컨트롤 위젯이 존재합니다. 입력 유형과 특성의 다양한 조합 가능성으로 인해, ",[615,2120,2115],{}," 요소는 HTML에서 제일 강력하고 복잡한 요소 중 하나입니다.",[597,2123,2124,2128],{},[612,2125,2126],{},[615,2127,236],{},[612,2129,2130],{},"사용자 인터페이스 항목의 설명을 나타냅니다.",[597,2132,2133,2137],{},[612,2134,2135],{},[615,2136,240],{},[612,2138,1016,2139,2141],{},[615,2140,2093],{}," 콘텐츠의 설명을 나타냅니다.",[597,2143,2144,2148],{},[612,2145,2146],{},[615,2147,272],{},[612,2149,2150],{},"특정 범위 내에서의 스칼라 값, 또는 백분율 값을 나타냅니다.",[597,2152,2153,2157],{},[612,2154,2155],{},[615,2156,292],{},[612,2158,2159,2162],{},[615,2160,2161],{},"\u003Cselect>"," 요소의 옵션을 묶을 수 있습니다.",[597,2164,2165,2169],{},[612,2166,2167],{},[615,2168,296],{},[612,2170,2171,663,2173,663,2175,2177,2178,2180],{},[615,2172,2161],{},[615,2174,292],{},[615,2176,128],{}," 요소의 항목을 정의합니다. 그러므로, ",[615,2179,296],{},"을 사용해 팝업 메뉴 등 목록에서 하나의 항목을 나타낼 수 있습니다.",[597,2182,2183,2188],{},[612,2184,2185],{},[615,2186,2187],{},"\u003Coutput>",[612,2189,2190],{},"웹 사이트나 앱에서 계산이나 사용자 행동의 결과를 삽입할 수 있는 컨테이너 요소입니다.",[597,2192,2193,2197],{},[612,2194,2195],{},[615,2196,312],{},[612,2198,2199],{},"어느 작업의 완료 정도를 나타내며, 주로 진행 표시줄의 형태를 띕니다.",[597,2201,2202,2206],{},[612,2203,2204],{},[615,2205,2161],{},[612,2207,2208],{},"옵션 메뉴를 제공하는 컨트롤을 나타냅니다.",[597,2210,2211,2216],{},[612,2212,2213],{},[615,2214,2215],{},"\u003Ctextarea>",[612,2217,2218],{},"멀티라인 일반 텍스트 편집 컨트롤을 나타냅니다.",[586,2220,2222],{"id":2221},"대화형-요소","대화형 요소",[626,2224,2225],{},"HTML은 상호작용 가능한 사용자 인터페이스 객체를 만들 때 사용할 수 있는 요소를 지원합니다.",[591,2227,2228,2236],{},[594,2229,2230],{},[597,2231,2232,2234],{},[600,2233,602],{},[600,2235,605],{},[607,2237,2238,2252,2262],{},[597,2239,2240,2245],{},[612,2241,2242],{},[615,2243,2244],{},"\u003Cdetails>",[612,2246,2247,2248,2251],{},"\"열림\" 상태일 때만 내부 정보를 보여주는 정보 공개 위젯을 생성합니다. 요약이나 레이블은 ",[615,2249,2250],{},"\u003Csummary>"," 요소를 통해 제공할 수 있습니다.",[597,2253,2254,2259],{},[612,2255,2256],{},[615,2257,2258],{},"\u003Cdialog>",[612,2260,2261],{},"닫을 수 있는 경고, 검사기, 창 등 대화 상자 및 기타 다른 상호작용 가능한 컴포넌트를 나타냅니다.",[597,2263,2264,2268],{},[612,2265,2266],{},[615,2267,2250],{},[612,2269,2270,2271,2274,2275,2278],{},"(\"상세\") 요소의 공개 상자에 대한 요약, 캡션 또는 범례를 지정한다. ",[615,2272,2273],{},"\u003C요약>"," 요소를 클릭하면 부모 ",[615,2276,2277],{},"\u003C상세>"," 요소의 상태가 열리거나 닫힌다.",[586,2280,2282],{"id":2281},"웹-컴포넌트","웹 컴포넌트",[626,2284,2285],{},"웹 컴포넌트는 완전히 새로운 형태의 요소를 생성한 후 일반적인 HTML처럼 사용할 수 있는 기술입니다. 또한 표준 HTML 요소의 맞춤 버전을 만들 수도 있습니다.",[591,2287,2288,2296],{},[594,2289,2290],{},[597,2291,2292,2294],{},[600,2293,602],{},[600,2295,605],{},[607,2297,2298,2307],{},[597,2299,2300,2304],{},[612,2301,2302],{},[615,2303,356],{},[612,2305,2306],{},"웹 컴포넌트 사용자가 자신만의 마크업으로 채워 별도의 DOM 트리를 생성하고, 컴포넌트와 함께 표현할 수 있는 웹 컴포넌트 내부의 플레이스홀더입니다.",[597,2308,2309,2314],{},[612,2310,2311],{},[615,2312,2313],{},"\u003Ctemplate>",[612,2315,2316],{},"페이지를 불러온 순간 즉시 그려지지는 않지만, 이후 JavaScript를 사용해 인스턴스를 생성할 수 있는 HTML 코드를 담을 방법을 제공합니다.",[586,2318,2320],{"id":2319},"폐기됐거나-사용하지-않는-요소들","폐기됐거나 사용하지 않는 요소들",[2322,2323,2324],"blockquote",{},[626,2325,2326,2330,2331,2334],{},[2327,2328,2329],"span",{},"!WARNING","\n다음은 더 이상 사용하지 않고, 사용해서도 안되는 오래된 HTML 요소입니다. ",[1144,2332,2333],{},"새로운 프로젝트에서 절대 사용해서는 안되고, 오래된 프로젝트에서도 가능한 빨리 대체해야 합니다."," 아래 목록은 정보성 목적으로만 존재합니다.",[591,2336,2337,2345],{},[594,2338,2339],{},[597,2340,2341,2343],{},[600,2342,602],{},[600,2344,605],{},[607,2346,2347,2357,2370,2383,2393,2402,2424,2437,2447,2460,2471,2483,2493,2503,2513,2531,2543,2555,2567,2580,2595,2616,2629,2639,2649],{},[597,2348,2349,2354],{},[612,2350,2351],{},[615,2352,2353],{},"\u003Cacronym>",[612,2355,2356],{},"작성자가 단어의 두문자어 또는 약어를 구성하는 일련의 문자를 명확하게 표시할 수 있습니다.",[597,2358,2359,2364],{},[612,2360,2361],{},[615,2362,2363],{},"\u003Capplet>",[612,2365,2366,2367,2369],{},"문서에 Java 애플릿을 포함합니다. 이 요소는 ",[615,2368,284],{},"를 위해 더 이상 사용되지 않습니다.",[597,2371,2372,2377],{},[612,2373,2374],{},[615,2375,2376],{},"\u003Cbgsound>",[612,2378,2379,2380,2382],{},"페이지가 사용되는 동안 백그라운드에서 재생되도록 사운드 파일을 설정합니다. 대신 ",[615,2381,1557],{},"를 사용하세요.",[597,2384,2385,2390],{},[612,2386,2387],{},[615,2388,2389],{},"\u003Cbig>",[612,2391,2392],{},"포함된 텍스트를 주변 텍스트보다 한 수준 더 큰 글꼴 크기로 렌더링합니다(예: 'medium'은 'large'가 됨). 크기는 브라우저의 최대 허용 글꼴 크기로 제한됩니다.",[597,2394,2395,2399],{},[612,2396,2397],{},[615,2398,112],{},[612,2400,2401],{},"포함하는 요소 내에서 수평 중앙에 블록 수준 또는 인라인 콘텐츠를 표시합니다.",[597,2403,2404,2409],{},[612,2405,2406],{},[615,2407,2408],{},"\u003Ccontent>",[612,2410,2411,2415,2416,2420,2421,2423],{},[660,2412,2414],{"href":2413},"\u002Fko\u002Fdocs\u002FWeb\u002FAPI\u002FWeb_components","Web Components"," 기술 제품군의 구식 부분은 삽입 지점으로 ",[660,2417,2419],{"href":2418},"\u002Fko\u002Fdocs\u002FWeb\u002FAPI\u002FWeb_components\u002FUsing_shadow_DOM","Shadow DOM"," 내부에서 사용되었으며 일반 HTML에서는 사용되지 않았습니다. 이제 ",[615,2422,356],{}," 요소로 대체되어 Shadow DOM을 삽입할 수 있는 DOM의 지점을 생성합니다.",[597,2425,2426,2431],{},[612,2427,2428],{},[615,2429,2430],{},"\u003Cdir>",[612,2432,2433,2434,2436],{},"잠재적으로 사용자 에이전트에 의해 적용된 스타일 및 아이콘이 있는 파일 및\u002F또는 폴더의 디렉토리에 대한 컨테이너입니다. 이 오래된 요소를 사용하지 마십시오. 대신 파일 목록을 포함하여 목록에 ",[615,2435,408],{}," 요소를 사용해야 합니다.",[597,2438,2439,2444],{},[612,2440,2441],{},[615,2442,2443],{},"\u003Cfont>",[612,2445,2446],{},"콘텐츠의 글꼴 크기, 색상 및 면을 정의합니다.",[597,2448,2449,2454],{},[612,2450,2451],{},[615,2452,2453],{},"\u003Cframe>",[612,2455,2456,2457,2459],{},"다른 HTML 문서를 표시할 수 있는 특정 영역을 정의합니다. 프레임은 ",[615,2458,192],{}," 내에서 사용해야 합니다.",[597,2461,2462,2466],{},[612,2463,2464],{},[615,2465,192],{},[612,2467,2468,2470],{},[615,2469,2453],{}," 요소를 포함하는 데 사용됩니다.",[597,2472,2473,2478],{},[612,2474,2475],{},[615,2476,2477],{},"\u003Cimage>",[612,2479,2480,2482],{},[615,2481,1575],{}," 요소에 대한 오래되고 제대로 지원되지 않는 전구체입니다. 사용해서는 안됩니다.",[597,2484,2485,2490],{},[612,2486,2487],{},[615,2488,2489],{},"\u003Cmarquee>",[612,2491,2492],{},"텍스트의 스크롤 영역을 삽입하는 데 사용됩니다. 속성을 사용하여 텍스트가 콘텐츠 영역의 가장자리에 도달할 때 발생하는 상황을 제어할 수 있습니다.",[597,2494,2495,2500],{},[612,2496,2497],{},[615,2498,2499],{},"\u003Cmenuitem>",[612,2501,2502],{},"사용자가 팝업 메뉴를 통해 호출할 수 있는 명령을 나타냅니다. 여기에는 상황에 맞는 메뉴와 메뉴 버튼에 연결될 수 있는 메뉴가 포함됩니다.",[597,2504,2505,2510],{},[612,2506,2507],{},[615,2508,2509],{},"\u003Cnobr>",[612,2511,2512],{},"포함된 텍스트가 여러 줄에 걸쳐 자동으로 줄바꿈되지 않도록 방지하여 잠재적으로 사용자가 텍스트의 전체 너비를 보기 위해 가로로 스크롤해야 합니다.",[597,2514,2515,2520],{},[612,2516,2517],{},[615,2518,2519],{},"\u003Cnoembed>",[612,2521,2522,2523,2527,2528,2530],{},"embed 요소를 지원하지 않거나 작성자가 사용하려는 ",[660,2524,2526],{"href":2525},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FGuides\u002FContent_categories#embedded_content","embedded content"," 유형을 지원하지 않는 브라우저에 대한 대안 또는 \"대체\" 콘텐츠를 제공하는 더 이상 사용되지 않는 비표준 방식입니다. 이 요소는 ",[615,2529,284],{}," 요소의 여는 태그와 닫는 태그 사이에 대체 콘텐츠를 배치하기 위해 HTML 4.01 이상에서 더 이상 사용되지 않습니다.",[597,2532,2533,2538],{},[612,2534,2535],{},[615,2536,2537],{},"\u003Cnoframes>",[612,2539,2540,2542],{},[615,2541,2453],{}," 요소를 지원하지 않거나 지원하지 않는 브라우저에 표시할 콘텐츠를 제공합니다. 가장 일반적으로 사용되는 브라우저는 프레임을 지원하지만 텍스트 모드 브라우저뿐만 아니라 일부 모바일 브라우저를 포함한 특정 특수 용도 브라우저를 포함하여 예외가 있습니다.",[597,2544,2545,2550],{},[612,2546,2547],{},[615,2548,2549],{},"\u003Cparam>",[612,2551,2552,2554],{},[615,2553,284],{}," 요소에 대한 매개변수를 정의합니다.",[597,2556,2557,2562],{},[612,2558,2559],{},[615,2560,2561],{},"\u003Cplaintext>",[612,2563,2564,2566],{},[615,2565,284],{}," 요소의 매개변수를 정의합니다.",[597,2568,2569,2574],{},[612,2570,2571],{},[615,2572,2573],{},"\u003Crb>",[612,2575,2576,2577,2579],{},"ruby 주석의 기본 텍스트 구성 요소, 즉 주석이 추가되는 텍스트를 구분하는 데 사용됩니다. 하나의 ",[615,2578,2573],{}," 요소는 기본 텍스트의 각 개별 원자 세그먼트를 래핑해야 합니다.",[597,2581,2582,2587],{},[612,2583,2584],{},[615,2585,2586],{},"\u003Crtc>",[612,2588,2589,2591,2592,2594],{},[615,2590,336],{}," 표기의 기반 텍스트 구성요소(루비 주석을 적용하려는 글자)를 나눌 때 사용합니다. 하나의 ",[615,2593,2573],{}," 요소는 기반 텍스트에서의 최소 단위를 하나 감싸야 합니다.",[597,2596,2597,2602],{},[612,2598,2599],{},[615,2600,2601],{},"\u003Cshadow>",[612,2603,2604,2606,2607,2609,2610,2612,2613,2615],{},[615,2605,2573],{}," 요소가 표시하는 문자의 의미에 대한 주석을 나타냅니다. ",[615,2608,2573],{},"는 발음(",[615,2611,1338],{},")과 의미(",[615,2614,2586],{},") 둘 다 가질 수 있습니다.",[597,2617,2618,2623],{},[612,2619,2620],{},[615,2621,2622],{},"\u003Cspacer>",[612,2624,2625,2626,2628],{},"페이지에 빈 공간을 삽입할 수 있습니다. 웹 디자이너가 실제로 이미지를 사용하지 않고 웹 페이지에 공백을 추가하는 데 사용했던 단일 픽셀 레이아웃 이미지와 동일한 효과를 달성하기 위해 Netscape가 고안했습니다. 그러나 ",[615,2627,2622],{},"는 더 이상 주요 브라우저에서 지원되지 않으며 이제 간단한 CSS를 사용하여 동일한 효과를 얻을 수 있습니다.",[597,2630,2631,2636],{},[612,2632,2633],{},[615,2634,2635],{},"\u003Cstrike>",[612,2637,2638],{},"텍스트 위에 취소선(수평선)을 그립니다.",[597,2640,2641,2646],{},[612,2642,2643],{},[615,2644,2645],{},"\u003Ctt>",[612,2647,2648],{},"사용자 에이전트 기본 모노스페이스 글꼴을 사용하여 표시되는 인라인 텍스트를 생성합니다. 이 요소는 텔레타이프, 텍스트 전용 화면 또는 라인 프린터와 같은 고정 너비 디스플레이에 표시되는 텍스트를 렌더링하기 위해 만들어졌습니다.",[597,2650,2651,2656],{},[612,2652,2653],{},[615,2654,2655],{},"\u003Cxmp>",[612,2657,2658],{},"시작 태그와 끝 태그 사이의 HTML을 해석하지 않고 고정 폭 글꼴을 사용하여 텍스트를 렌더링합니다. HTML2 사양에서는 한 줄에 80자를 허용할 만큼 충분히 넓게 렌더링해야 한다고 권장했습니다.",{"title":2660,"searchDepth":2661,"depth":2661,"links":2662},"",2,[2663,2664,2665,2666,2667,2668,2669,2670,2671,2672,2673,2674,2675,2676,2677,2678],{"id":588,"depth":2661,"text":589},{"id":623,"depth":2661,"text":624},{"id":725,"depth":2661,"text":726},{"id":751,"depth":2661,"text":752},{"id":903,"depth":2661,"text":904},{"id":1108,"depth":2661,"text":1109},{"id":1521,"depth":2661,"text":1522},{"id":1636,"depth":2661,"text":1637},{"id":1727,"depth":2661,"text":1728},{"id":666,"depth":2661,"text":666},{"id":1850,"depth":2661,"text":1851},{"id":1893,"depth":2661,"text":1894},{"id":2036,"depth":2661,"text":2036},{"id":2221,"depth":2661,"text":2222},{"id":2281,"depth":2661,"text":2282},{"id":2319,"depth":2661,"text":2320},"이 페이지는 HTML 태그를 사용해 만들 수 있는 모든 요소의 목록을 제공합니다. 필요로 하는 요소를 쉽게 찾을 수 있도록 기능별로 분류했으며, 각각의 요소 참조 페이지 사이드바에서는 사전 순으로 정렬된 목록도 확인할 수 있습니다.","md","vscode-icons:file-type-html",{"slug":2683},"develop\u002Fhtml\u002Felements\u002Findex",{"icon":54},{"title":49,"description":2679},"1tj0c0l68c3HNXMeBkOC5eUMA2dChOB_bDTT-rjNxv4",[2688,2691,2694,2805,2813,2838],{"title":5,"icon":6,"path":7,"stem":8,"children":2689,"page":15},[2690],{"title":11,"path":12,"stem":13,"icon":14},{"title":17,"icon":18,"path":19,"stem":20,"children":2692,"page":15},[2693],{"title":23,"path":24,"stem":25,"icon":26},{"title":28,"icon":29,"path":30,"stem":31,"children":2695,"page":15},[2696,2699,2797],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":2697,"page":15},[2698],{"title":41,"path":35,"stem":42,"icon":36},{"title":44,"path":45,"stem":46,"children":2700,"page":15},[2701,2796],{"title":49,"path":50,"stem":51,"children":2702,"icon":54},[2703,2704,2705,2706,2707,2708,2709,2710,2711,2712,2713,2714,2715,2716,2717,2718,2719,2720,2721,2722,2723,2724,2725,2726,2727,2728,2729,2730,2731,2732,2733,2734,2735,2736,2737,2738,2739,2740,2741,2742,2743,2744,2745,2746,2747,2748,2749,2750,2751,2752,2753,2754,2755,2756,2757,2758,2759,2760,2761,2762,2763,2764,2765,2766,2767,2768,2769,2770,2771,2772,2773,2774,2775,2776,2777,2778,2779,2780,2781,2782,2783,2784,2785,2786,2787,2788,2789,2790,2791,2792,2793,2794,2795],{"title":49,"path":50,"stem":51,"icon":54},{"title":56,"path":57,"stem":58},{"title":60,"path":61,"stem":62},{"title":64,"path":65,"stem":66},{"title":68,"path":69,"stem":70},{"title":72,"path":73,"stem":74},{"title":76,"path":77,"stem":78},{"title":80,"path":81,"stem":82},{"title":84,"path":85,"stem":86},{"title":88,"path":89,"stem":90},{"title":92,"path":93,"stem":94},{"title":96,"path":97,"stem":98},{"title":100,"path":101,"stem":102},{"title":104,"path":105,"stem":106},{"title":108,"path":109,"stem":110},{"title":112,"path":113,"stem":114},{"title":116,"path":117,"stem":118},{"title":120,"path":121,"stem":122},{"title":124,"path":125,"stem":126},{"title":128,"path":129,"stem":130},{"title":132,"path":133,"stem":134},{"title":136,"path":137,"stem":138},{"title":140,"path":141,"stem":142},{"title":144,"path":145,"stem":146},{"title":148,"path":149,"stem":150},{"title":152,"path":153,"stem":154},{"title":156,"path":157,"stem":158},{"title":160,"path":161,"stem":162},{"title":164,"path":165,"stem":166},{"title":168,"path":169,"stem":170},{"title":172,"path":173,"stem":174},{"title":176,"path":177,"stem":178},{"title":180,"path":181,"stem":182},{"title":184,"path":185,"stem":186},{"title":188,"path":189,"stem":190},{"title":192,"path":193,"stem":194},{"title":196,"path":197,"stem":198},{"title":200,"path":201,"stem":202},{"title":204,"path":205,"stem":206},{"title":208,"path":209,"stem":210},{"title":212,"path":213,"stem":214},{"title":216,"path":217,"stem":218},{"title":220,"path":221,"stem":222},{"title":224,"path":225,"stem":226},{"title":228,"path":229,"stem":230},{"title":232,"path":233,"stem":234},{"title":236,"path":237,"stem":238},{"title":240,"path":241,"stem":242},{"title":244,"path":245,"stem":246},{"title":248,"path":249,"stem":250},{"title":252,"path":253,"stem":254},{"title":256,"path":257,"stem":258},{"title":260,"path":261,"stem":262},{"title":264,"path":265,"stem":266},{"title":268,"path":269,"stem":270},{"title":272,"path":273,"stem":274},{"title":276,"path":277,"stem":278},{"title":280,"path":281,"stem":282},{"title":284,"path":285,"stem":286},{"title":288,"path":289,"stem":290},{"title":292,"path":293,"stem":294},{"title":296,"path":297,"stem":298},{"title":300,"path":301,"stem":302},{"title":304,"path":305,"stem":306},{"title":308,"path":309,"stem":310},{"title":312,"path":313,"stem":314},{"title":316,"path":317,"stem":318},{"title":320,"path":321,"stem":322},{"title":324,"path":325,"stem":326},{"title":328,"path":329,"stem":330},{"title":332,"path":333,"stem":334},{"title":336,"path":337,"stem":338},{"title":340,"path":341,"stem":342},{"title":344,"path":345,"stem":346},{"title":348,"path":349,"stem":350},{"title":352,"path":353,"stem":354},{"title":356,"path":357,"stem":358},{"title":360,"path":361,"stem":362},{"title":364,"path":365,"stem":366},{"title":368,"path":369,"stem":370},{"title":372,"path":373,"stem":374},{"title":376,"path":377,"stem":378},{"title":380,"path":381,"stem":382},{"title":384,"path":385,"stem":386},{"title":388,"path":389,"stem":390},{"title":392,"path":393,"stem":394},{"title":396,"path":397,"stem":398},{"title":400,"path":401,"stem":402},{"title":404,"path":405,"stem":406},{"title":408,"path":409,"stem":410},{"title":412,"path":413,"stem":414},{"title":416,"path":417,"stem":418},{"title":420,"path":421,"stem":422},{"title":424,"path":425,"stem":426,"icon":54},{"title":428,"icon":29,"path":429,"stem":430,"children":2798,"page":15},[2799,2802],{"title":433,"icon":434,"path":435,"stem":436,"children":2800,"page":15},[2801],{"title":439,"path":440,"stem":441,"icon":434},{"title":443,"icon":444,"path":445,"stem":446,"children":2803,"page":15},[2804],{"title":449,"path":450,"stem":451,"icon":452},{"title":454,"icon":455,"path":456,"stem":457,"children":2806,"page":15},[2807],{"title":460,"icon":455,"path":461,"stem":462,"children":2808},[2809,2810],{"title":465,"path":461,"stem":462,"icon":466},{"title":468,"path":469,"stem":470,"children":2811,"page":15},[2812],{"title":473,"path":474,"stem":475,"icon":476},{"title":478,"icon":479,"path":480,"stem":481,"children":2814,"page":15},[2815,2818,2825],{"title":428,"icon":484,"path":485,"stem":486,"children":2816,"page":15},[2817],{"title":489,"path":490,"stem":491,"icon":484},{"title":493,"path":494,"stem":495,"children":2819,"page":15},[2820],{"title":498,"path":499,"stem":500,"children":2821,"page":15},[2822],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":2823,"page":15},[2824],{"title":509,"path":510,"stem":511,"icon":512},{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":2826,"page":15},[2827,2828,2829,2830,2831,2832,2833,2834,2835,2836,2837],{"title":521,"path":515,"stem":522},{"title":524,"path":525,"stem":526},{"title":528,"path":529,"stem":530},{"title":532,"path":533,"stem":534},{"title":536,"path":537,"stem":538},{"title":540,"path":541,"stem":542},{"title":544,"path":545,"stem":546},{"title":548,"path":549,"stem":550},{"title":552,"path":553,"stem":554},{"title":556,"path":557,"stem":558},{"title":560,"path":561,"stem":562},{"title":564,"icon":565,"path":566,"stem":567,"children":2839,"page":15},[2840],{"title":570,"path":571,"stem":572,"children":2841,"page":15},[2842],{"title":575,"path":576,"stem":577,"icon":578},[2844,2845],{"title":41,"path":35,"stem":42,"icon":36,"children":-1},{"title":56,"path":57,"stem":58,"children":-1},1775726367016]