[{"data":1,"prerenderedAt":1850},["ShallowReactive",2],{"nav-global":3,"doc-\u002Fdevelop\u002Fhtml\u002Felements\u002Fstyle":579,"nav":1691,"surround-\u002Fdevelop\u002Fhtml\u002Felements\u002Fstyle":1847},[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":372,"authors":581,"body":582,"description":1685,"draft":15,"extension":1686,"head":581,"icon":581,"image":581,"meta":1687,"navigation":696,"path":373,"publishedAt":581,"seo":1689,"stem":374,"tags":581,"updatedAt":581,"__hash__":1690},"docs\u002F3.develop\u002F1.html\u002F1.elements\u002Fstyle.md",null,{"type":583,"value":584,"toc":1670},"minimark",[585,598,778,808,821,836,852,856,864,942,947,983,986,990,1115,1121,1130,1342,1346,1355,1558,1562,1648,1651,1655,1659,1667],[586,587,588,597],"p",{},[589,590,591,592,596],"strong",{},"HTML ",[593,594,595],"code",{},"\u003Cstyle>"," 요소","는 문서나 문서 일부에 대한 스타일 정보를 포함합니다.",[599,600,606],"pre",{"className":601,"code":602,"language":603,"meta":604,"style":605},"language-html shiki shiki-themes github-light github-dark","\u003Cstyle>\n  p {\n    color: #26b72b;\n  }\n  code {\n    font-weight: bold;\n  }\n\u003C\u002Fstyle>\n\n\u003Cp>\n  This text will be green. Inline styles take precedence over CSS included\n  externally.\n\u003C\u002Fp>\n\n\u003Cp style=\"color: blue\">\n  The \u003Ccode>style\u003C\u002Fcode> attribute can override it, though.\n\u003C\u002Fp>\n","html","interactive-example","",[593,607,608,624,633,649,655,663,676,681,691,698,707,713,719,728,733,753,769],{"__ignoreMap":605},[609,610,613,617,621],"span",{"class":611,"line":612},"line",1,[609,614,616],{"class":615},"sVt8B","\u003C",[609,618,620],{"class":619},"s9eBZ","style",[609,622,623],{"class":615},">\n",[609,625,627,630],{"class":611,"line":626},2,[609,628,629],{"class":619},"  p",[609,631,632],{"class":615}," {\n",[609,634,636,640,643,646],{"class":611,"line":635},3,[609,637,639],{"class":638},"sj4cs","    color",[609,641,642],{"class":615},": ",[609,644,645],{"class":638},"#26b72b",[609,647,648],{"class":615},";\n",[609,650,652],{"class":611,"line":651},4,[609,653,654],{"class":615},"  }\n",[609,656,658,661],{"class":611,"line":657},5,[609,659,660],{"class":619},"  code",[609,662,632],{"class":615},[609,664,666,669,671,674],{"class":611,"line":665},6,[609,667,668],{"class":638},"    font-weight",[609,670,642],{"class":615},[609,672,673],{"class":638},"bold",[609,675,648],{"class":615},[609,677,679],{"class":611,"line":678},7,[609,680,654],{"class":615},[609,682,684,687,689],{"class":611,"line":683},8,[609,685,686],{"class":615},"\u003C\u002F",[609,688,620],{"class":619},[609,690,623],{"class":615},[609,692,694],{"class":611,"line":693},9,[609,695,697],{"emptyLinePlaceholder":696},true,"\n",[609,699,701,703,705],{"class":611,"line":700},10,[609,702,616],{"class":615},[609,704,586],{"class":619},[609,706,623],{"class":615},[609,708,710],{"class":611,"line":709},11,[609,711,712],{"class":615},"  This text will be green. Inline styles take precedence over CSS included\n",[609,714,716],{"class":611,"line":715},12,[609,717,718],{"class":615},"  externally.\n",[609,720,722,724,726],{"class":611,"line":721},13,[609,723,686],{"class":615},[609,725,586],{"class":619},[609,727,623],{"class":615},[609,729,731],{"class":611,"line":730},14,[609,732,697],{"emptyLinePlaceholder":696},[609,734,736,738,740,744,747,751],{"class":611,"line":735},15,[609,737,616],{"class":615},[609,739,586],{"class":619},[609,741,743],{"class":742},"sScJk"," style",[609,745,746],{"class":615},"=",[609,748,750],{"class":749},"sZZnC","\"color: blue\"",[609,752,623],{"class":615},[609,754,756,759,761,764,766],{"class":611,"line":755},16,[609,757,758],{"class":615},"  The \u003C",[609,760,593],{"class":619},[609,762,763],{"class":615},">style\u003C\u002F",[609,765,593],{"class":619},[609,767,768],{"class":615},"> attribute can override it, though.\n",[609,770,772,774,776],{"class":611,"line":771},17,[609,773,686],{"class":615},[609,775,586],{"class":619},[609,777,623],{"class":615},[599,779,783],{"className":780,"code":781,"language":782,"meta":604,"style":605},"language-css shiki shiki-themes github-light github-dark","p {\n  color: #f00;\n}\n","css",[593,784,785,791,803],{"__ignoreMap":605},[609,786,787,789],{"class":611,"line":612},[609,788,586],{"class":619},[609,790,632],{"class":615},[609,792,793,796,798,801],{"class":611,"line":626},[609,794,795],{"class":638},"  color",[609,797,642],{"class":615},[609,799,800],{"class":638},"#f00",[609,802,648],{"class":615},[609,804,805],{"class":611,"line":635},[609,806,807],{"class":615},"}\n",[586,809,810,812,813,816,817,820],{},[593,811,595],{}," 요소는 문서의 ",[593,814,815],{},"\u003Chead>"," 안에 위치해야 합니다. 그러나, 일반적으로 스타일은 외부 스타일 시트에 작성하고, ",[593,818,819],{},"\u003Clink>"," 요소로 연결하는 편이 좋습니다.",[586,822,823,824,826,827,829,830,832,833,835],{},"문서가 다수의 ",[593,825,595],{},"과 ",[593,828,819],{}," 요소를 포함하면 서로의 순서대로 DOM에 스타일을 적용합니다. 따라서 예상치 못한 종속 문제를 피하려면 올바른 순서를 따라 ",[593,831,595],{}," 및 ",[593,834,819],{}," 요소를 배치해야 합니다.",[586,837,838,840,841,843,844,851],{},[593,839,819],{}," 요소와 동일하게, ",[593,842,595],{}," 요소도 미디어 쿼리를 값으로 가지는 ",[845,846,848],"a",{"href":847},"#media",[593,849,850],{},"media"," 특성을 포함할 수 있습니다. 이를 통해 뷰포트 너비 등 매체 기능에 따라 선택적으로 스타일 시트를 적용할 수 있습니다.",[853,854,855],"h2",{"id":855},"특성",[586,857,858,859,863],{},"이 요소는 ",[845,860,862],{"href":861},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes","전역 특성","을 포함합니다.",[865,866,867,894,912,928],"ul",{},[868,869,870,873],"li",{},[593,871,872],{},"type",[865,874,875],{},[868,876,877,878,881,882,884,885],{},": 스타일 언어의 MIME 유형. 문자셋은 지정하지 않아야 합니다. 선택 사항이며, 기본값은 ",[593,879,880],{},"text\u002Fcss","입니다. 빈 문자열과 ",[593,883,880],{}," 외의 값은 사용하지 않습니다.",[886,887,888],"blockquote",{},[586,889,890,893],{},[609,891,892],{},"!NOTE","\n현대적인 웹 문서에서 이 특성을 포함할 이유는 거의 존재하지 않습니다.",[868,895,896,898],{},[593,897,850],{},[865,899,900],{},[868,901,902,903,907,908,911],{},": 스타일을 적용할 매체. 값은 ",[845,904,906],{"href":905},"\u002Fko\u002Fdocs\u002FWeb\u002FCSS\u002FGuides\u002FMedia_queries\u002FUsing","미디어 쿼리","이며, 누락할 경우 기본값은 ",[593,909,910],{},"all","입니다.",[868,913,914,917],{},[593,915,916],{},"nonce",[865,918,919],{},[868,920,642,921,927],{},[845,922,924],{"href":923},"\u002Fko\u002Fdocs\u002FWeb\u002FHTTP\u002FHeaders\u002FContent-Security-Policy\u002Fstyle-src",[593,925,926],{},"style-src Content-Security-Policy","에서 인라인 스타일을 화이트리스트에 추가할 때 사용하는 논스(임시 값). 서버는 매번 정책을 전송할 때마다 새로운 고유 논스를 생성해야 합니다. 논스 값을 알고 있는 공격자라면 리소스 정책을 우회하는 것은 매우 간단한 일이므로, 사전에 유추할 수 없는 값을 생성하는 것이 중요합니다.",[868,929,930,933],{},[593,931,932],{},"title",[865,934,935],{},[868,936,642,937,941],{},[845,938,940],{"href":939},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FAttributes\u002Frel\u002Falternate_stylesheet","대체 스타일 시트"," 세트를 지정합니다.",[943,944,946],"h3",{"id":945},"사용-중단된-특성","사용 중단된 특성",[865,948,949],{},[868,950,951,954],{},[593,952,953],{},"scoped",[865,955,956],{},[868,957,958,959,961,962],{},": 지정한 경우, ",[593,960,595],{}," 요소의 부모 및 부모의 자식에만 스타일을 적용합니다.",[886,963,964],{},[586,965,966,968,970,971,976,977,982],{},[609,967,892],{},[593,969,953],{}," 특성은 ",[845,972,973],{"href":973,"rel":974},"https:\u002F\u002Fgithub.com\u002Fw3c\u002Fcsswg-drafts\u002Fissues\u002F3547",[975],"nofollow","에 따라 나중에 다시 추가될 수도 있습니다. 지금 사용하고 싶은 경우 ",[845,978,981],{"href":979,"rel":980},"https:\u002F\u002Fgithub.com\u002Fsamthor\u002Fscoped",[975],"폴리필","을 추가하세요.",[853,984,985],{"id":985},"예제",[943,987,989],{"id":988},"간단한-스타일-시트","간단한 스타일 시트",[599,991,993],{"className":601,"code":992,"language":603,"meta":605,"style":605},"\u003C!doctype html>\n\u003Chtml>\n  \u003Chead>\n    \u003Cstyle>\n      p {\n        color: red;\n      }\n    \u003C\u002Fstyle>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Cp>This is my paragraph.\u003C\u002Fp>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[593,994,995,1008,1016,1026,1035,1042,1054,1059,1068,1077,1086,1099,1107],{"__ignoreMap":605},[609,996,997,1000,1003,1006],{"class":611,"line":612},[609,998,999],{"class":615},"\u003C!",[609,1001,1002],{"class":619},"doctype",[609,1004,1005],{"class":742}," html",[609,1007,623],{"class":615},[609,1009,1010,1012,1014],{"class":611,"line":626},[609,1011,616],{"class":615},[609,1013,603],{"class":619},[609,1015,623],{"class":615},[609,1017,1018,1021,1024],{"class":611,"line":635},[609,1019,1020],{"class":615},"  \u003C",[609,1022,1023],{"class":619},"head",[609,1025,623],{"class":615},[609,1027,1028,1031,1033],{"class":611,"line":651},[609,1029,1030],{"class":615},"    \u003C",[609,1032,620],{"class":619},[609,1034,623],{"class":615},[609,1036,1037,1040],{"class":611,"line":657},[609,1038,1039],{"class":619},"      p",[609,1041,632],{"class":615},[609,1043,1044,1047,1049,1052],{"class":611,"line":665},[609,1045,1046],{"class":638},"        color",[609,1048,642],{"class":615},[609,1050,1051],{"class":638},"red",[609,1053,648],{"class":615},[609,1055,1056],{"class":611,"line":678},[609,1057,1058],{"class":615},"      }\n",[609,1060,1061,1064,1066],{"class":611,"line":683},[609,1062,1063],{"class":615},"    \u003C\u002F",[609,1065,620],{"class":619},[609,1067,623],{"class":615},[609,1069,1070,1073,1075],{"class":611,"line":693},[609,1071,1072],{"class":615},"  \u003C\u002F",[609,1074,1023],{"class":619},[609,1076,623],{"class":615},[609,1078,1079,1081,1084],{"class":611,"line":700},[609,1080,1020],{"class":615},[609,1082,1083],{"class":619},"body",[609,1085,623],{"class":615},[609,1087,1088,1090,1092,1095,1097],{"class":611,"line":709},[609,1089,1030],{"class":615},[609,1091,586],{"class":619},[609,1093,1094],{"class":615},">This is my paragraph.\u003C\u002F",[609,1096,586],{"class":619},[609,1098,623],{"class":615},[609,1100,1101,1103,1105],{"class":611,"line":715},[609,1102,1072],{"class":615},[609,1104,1083],{"class":619},[609,1106,623],{"class":615},[609,1108,1109,1111,1113],{"class":611,"line":721},[609,1110,686],{"class":615},[609,1112,603],{"class":619},[609,1114,623],{"class":615},[943,1116,1118,1119,596],{"id":1117},"다수의-style-요소","다수의 ",[593,1120,595],{},[586,1122,1123,1124,1126,1127,1129],{},"다음 예제는 두 개의 ",[593,1125,595],{}," 요소를 사용합니다. 같은 명시도를 가진 경우, 뒤쪽 ",[593,1128,595],{},"이 앞쪽을 덮어쓰는 것에 주목하세요.",[599,1131,1133],{"className":601,"code":1132,"language":603,"meta":605,"style":605},"\u003C!doctype html>\n\u003Chtml>\n  \u003Chead>\n    \u003Cstyle>\n      p {\n        color: white;\n        background-color: blue;\n        padding: 5px;\n        border: 1px solid black;\n      }\n    \u003C\u002Fstyle>\n    \u003Cstyle>\n      p {\n        color: blue;\n        background-color: yellow;\n      }\n    \u003C\u002Fstyle>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Cp>This is my paragraph.\u003C\u002Fp>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[593,1134,1135,1145,1153,1161,1169,1175,1186,1198,1214,1234,1238,1246,1254,1260,1270,1281,1285,1293,1302,1311,1324,1333],{"__ignoreMap":605},[609,1136,1137,1139,1141,1143],{"class":611,"line":612},[609,1138,999],{"class":615},[609,1140,1002],{"class":619},[609,1142,1005],{"class":742},[609,1144,623],{"class":615},[609,1146,1147,1149,1151],{"class":611,"line":626},[609,1148,616],{"class":615},[609,1150,603],{"class":619},[609,1152,623],{"class":615},[609,1154,1155,1157,1159],{"class":611,"line":635},[609,1156,1020],{"class":615},[609,1158,1023],{"class":619},[609,1160,623],{"class":615},[609,1162,1163,1165,1167],{"class":611,"line":651},[609,1164,1030],{"class":615},[609,1166,620],{"class":619},[609,1168,623],{"class":615},[609,1170,1171,1173],{"class":611,"line":657},[609,1172,1039],{"class":619},[609,1174,632],{"class":615},[609,1176,1177,1179,1181,1184],{"class":611,"line":665},[609,1178,1046],{"class":638},[609,1180,642],{"class":615},[609,1182,1183],{"class":638},"white",[609,1185,648],{"class":615},[609,1187,1188,1191,1193,1196],{"class":611,"line":678},[609,1189,1190],{"class":638},"        background-color",[609,1192,642],{"class":615},[609,1194,1195],{"class":638},"blue",[609,1197,648],{"class":615},[609,1199,1200,1203,1205,1208,1212],{"class":611,"line":683},[609,1201,1202],{"class":638},"        padding",[609,1204,642],{"class":615},[609,1206,1207],{"class":638},"5",[609,1209,1211],{"class":1210},"szBVR","px",[609,1213,648],{"class":615},[609,1215,1216,1219,1221,1224,1226,1229,1232],{"class":611,"line":693},[609,1217,1218],{"class":638},"        border",[609,1220,642],{"class":615},[609,1222,1223],{"class":638},"1",[609,1225,1211],{"class":1210},[609,1227,1228],{"class":638}," solid",[609,1230,1231],{"class":638}," black",[609,1233,648],{"class":615},[609,1235,1236],{"class":611,"line":700},[609,1237,1058],{"class":615},[609,1239,1240,1242,1244],{"class":611,"line":709},[609,1241,1063],{"class":615},[609,1243,620],{"class":619},[609,1245,623],{"class":615},[609,1247,1248,1250,1252],{"class":611,"line":715},[609,1249,1030],{"class":615},[609,1251,620],{"class":619},[609,1253,623],{"class":615},[609,1255,1256,1258],{"class":611,"line":721},[609,1257,1039],{"class":619},[609,1259,632],{"class":615},[609,1261,1262,1264,1266,1268],{"class":611,"line":730},[609,1263,1046],{"class":638},[609,1265,642],{"class":615},[609,1267,1195],{"class":638},[609,1269,648],{"class":615},[609,1271,1272,1274,1276,1279],{"class":611,"line":735},[609,1273,1190],{"class":638},[609,1275,642],{"class":615},[609,1277,1278],{"class":638},"yellow",[609,1280,648],{"class":615},[609,1282,1283],{"class":611,"line":755},[609,1284,1058],{"class":615},[609,1286,1287,1289,1291],{"class":611,"line":771},[609,1288,1063],{"class":615},[609,1290,620],{"class":619},[609,1292,623],{"class":615},[609,1294,1296,1298,1300],{"class":611,"line":1295},18,[609,1297,1072],{"class":615},[609,1299,1023],{"class":619},[609,1301,623],{"class":615},[609,1303,1305,1307,1309],{"class":611,"line":1304},19,[609,1306,1020],{"class":615},[609,1308,1083],{"class":619},[609,1310,623],{"class":615},[609,1312,1314,1316,1318,1320,1322],{"class":611,"line":1313},20,[609,1315,1030],{"class":615},[609,1317,586],{"class":619},[609,1319,1094],{"class":615},[609,1321,586],{"class":619},[609,1323,623],{"class":615},[609,1325,1327,1329,1331],{"class":611,"line":1326},21,[609,1328,1072],{"class":615},[609,1330,1083],{"class":619},[609,1332,623],{"class":615},[609,1334,1336,1338,1340],{"class":611,"line":1335},22,[609,1337,686],{"class":615},[609,1339,603],{"class":619},[609,1341,623],{"class":615},[943,1343,1345],{"id":1344},"미디어-쿼리-포함","미디어 쿼리 포함",[586,1347,1348,1349,1351,1352,1354],{},"이번 예제에서는 앞선 코드의 두 번째 ",[593,1350,595],{}," 요소에 ",[593,1353,850],{}," 특성을 추가하고, 뷰포트의 너비가 500px 미만일 때에만 스타일을 적용하도록 지정합니다.",[599,1356,1358],{"className":601,"code":1357,"language":603,"meta":605,"style":605},"\u003C!doctype html>\n\u003Chtml>\n  \u003Chead>\n    \u003Cstyle>\n      p {\n        color: white;\n        background-color: blue;\n        padding: 5px;\n        border: 1px solid black;\n      }\n    \u003C\u002Fstyle>\n    \u003Cstyle media=\"all and (max-width: 500px)\">\n      p {\n        color: blue;\n        background-color: yellow;\n      }\n    \u003C\u002Fstyle>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Cp>This is my paragraph.\u003C\u002Fp>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[593,1359,1360,1370,1378,1386,1394,1400,1410,1420,1432,1448,1452,1460,1476,1482,1492,1502,1506,1514,1522,1530,1542,1550],{"__ignoreMap":605},[609,1361,1362,1364,1366,1368],{"class":611,"line":612},[609,1363,999],{"class":615},[609,1365,1002],{"class":619},[609,1367,1005],{"class":742},[609,1369,623],{"class":615},[609,1371,1372,1374,1376],{"class":611,"line":626},[609,1373,616],{"class":615},[609,1375,603],{"class":619},[609,1377,623],{"class":615},[609,1379,1380,1382,1384],{"class":611,"line":635},[609,1381,1020],{"class":615},[609,1383,1023],{"class":619},[609,1385,623],{"class":615},[609,1387,1388,1390,1392],{"class":611,"line":651},[609,1389,1030],{"class":615},[609,1391,620],{"class":619},[609,1393,623],{"class":615},[609,1395,1396,1398],{"class":611,"line":657},[609,1397,1039],{"class":619},[609,1399,632],{"class":615},[609,1401,1402,1404,1406,1408],{"class":611,"line":665},[609,1403,1046],{"class":638},[609,1405,642],{"class":615},[609,1407,1183],{"class":638},[609,1409,648],{"class":615},[609,1411,1412,1414,1416,1418],{"class":611,"line":678},[609,1413,1190],{"class":638},[609,1415,642],{"class":615},[609,1417,1195],{"class":638},[609,1419,648],{"class":615},[609,1421,1422,1424,1426,1428,1430],{"class":611,"line":683},[609,1423,1202],{"class":638},[609,1425,642],{"class":615},[609,1427,1207],{"class":638},[609,1429,1211],{"class":1210},[609,1431,648],{"class":615},[609,1433,1434,1436,1438,1440,1442,1444,1446],{"class":611,"line":693},[609,1435,1218],{"class":638},[609,1437,642],{"class":615},[609,1439,1223],{"class":638},[609,1441,1211],{"class":1210},[609,1443,1228],{"class":638},[609,1445,1231],{"class":638},[609,1447,648],{"class":615},[609,1449,1450],{"class":611,"line":700},[609,1451,1058],{"class":615},[609,1453,1454,1456,1458],{"class":611,"line":709},[609,1455,1063],{"class":615},[609,1457,620],{"class":619},[609,1459,623],{"class":615},[609,1461,1462,1464,1466,1469,1471,1474],{"class":611,"line":715},[609,1463,1030],{"class":615},[609,1465,620],{"class":619},[609,1467,1468],{"class":742}," media",[609,1470,746],{"class":615},[609,1472,1473],{"class":749},"\"all and (max-width: 500px)\"",[609,1475,623],{"class":615},[609,1477,1478,1480],{"class":611,"line":721},[609,1479,1039],{"class":619},[609,1481,632],{"class":615},[609,1483,1484,1486,1488,1490],{"class":611,"line":730},[609,1485,1046],{"class":638},[609,1487,642],{"class":615},[609,1489,1195],{"class":638},[609,1491,648],{"class":615},[609,1493,1494,1496,1498,1500],{"class":611,"line":735},[609,1495,1190],{"class":638},[609,1497,642],{"class":615},[609,1499,1278],{"class":638},[609,1501,648],{"class":615},[609,1503,1504],{"class":611,"line":755},[609,1505,1058],{"class":615},[609,1507,1508,1510,1512],{"class":611,"line":771},[609,1509,1063],{"class":615},[609,1511,620],{"class":619},[609,1513,623],{"class":615},[609,1515,1516,1518,1520],{"class":611,"line":1295},[609,1517,1072],{"class":615},[609,1519,1023],{"class":619},[609,1521,623],{"class":615},[609,1523,1524,1526,1528],{"class":611,"line":1304},[609,1525,1020],{"class":615},[609,1527,1083],{"class":619},[609,1529,623],{"class":615},[609,1531,1532,1534,1536,1538,1540],{"class":611,"line":1313},[609,1533,1030],{"class":615},[609,1535,586],{"class":619},[609,1537,1094],{"class":615},[609,1539,586],{"class":619},[609,1541,623],{"class":615},[609,1543,1544,1546,1548],{"class":611,"line":1326},[609,1545,1072],{"class":615},[609,1547,1083],{"class":619},[609,1549,623],{"class":615},[609,1551,1552,1554,1556],{"class":611,"line":1335},[609,1553,686],{"class":615},[609,1555,603],{"class":619},[609,1557,623],{"class":615},[853,1559,1561],{"id":1560},"기술-요약","기술 요약",[1563,1564,1567,1568],"table",{"className":1565},[1566],"properties","\n  ",[1569,1570,1571,1572,1571,1600,1571,1613,1571,1621,1571,1631,1571,1640,1567],"tbody",{},"\n    ",[1573,1574,1575,1576,1575,1584,1571],"tr",{},"\n      ",[1577,1578,1579,1580,1575],"th",{},"\n        ",[845,1581,1583],{"href":1582},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002F%EC%BB%A8%ED%85%90%ED%8A%B8_%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC","콘텐츠 카테고리",[1585,1586,1579,1587,1591,1592,1594,1595,1599],"td",{},[845,1588,1590],{"href":1589},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002F컨텐트_카테고리#메타데이터_콘텐츠","메타데이터 콘텐츠",". ",[593,1593,953],{}," 특성이 존재하면\n        ",[845,1596,1598],{"href":1597},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002F컨텐트_카테고리#플로우_콘텐츠","플로우 콘텐츠",".\n      ",[1573,1601,1575,1602,1575,1605,1571],{},[1577,1603,1604],{},"가능한 콘텐츠",[1585,1606,1607,1609,1610,1612],{},[593,1608,872],{}," 특성에 맞는 텍스트, 즉 ",[593,1611,880],{},".",[1573,1614,1575,1615,1575,1618,1571],{},[1577,1616,1617],{},"태그 생략",[1585,1619,1620],{},"불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다.",[1573,1622,1575,1623,1575,1626,1571],{},[1577,1624,1625],{},"가능한 부모 요소",[1585,1627,1579,1628,1630],{},[845,1629,1590],{"href":1589},"를 허용하는 모든 요소\n      ",[1573,1632,1575,1633,1575,1637,1571],{},[1577,1634,1636],{"scope":1635},"row","가능한 ARIA 역할",[1585,1638,1639],{},"없음",[1573,1641,1575,1642,1575,1645,1571],{},[1577,1643,1644],{},"DOM 인터페이스",[1585,1646,1647],{},"`HTMLStyleElement`",[853,1649,1650],{"id":1650},"명세",[853,1652,1654],{"id":1653},"브라우저-호환성","브라우저 호환성",[853,1656,1658],{"id":1657},"같이-보기","같이 보기",[865,1660,1661],{},[868,1662,1663,1664,1666],{},"외부 스타일 시트를 사용하기 위한 ",[593,1665,819],{}," 요소.",[620,1668,1669],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}",{"title":605,"searchDepth":626,"depth":626,"links":1671},[1672,1675,1681,1682,1683,1684],{"id":855,"depth":626,"text":855,"children":1673},[1674],{"id":945,"depth":635,"text":946},{"id":985,"depth":626,"text":985,"children":1676},[1677,1678,1680],{"id":988,"depth":635,"text":989},{"id":1117,"depth":635,"text":1679},"다수의 \u003Cstyle> 요소",{"id":1344,"depth":635,"text":1345},{"id":1560,"depth":626,"text":1561},{"id":1650,"depth":626,"text":1650},{"id":1653,"depth":626,"text":1654},{"id":1657,"depth":626,"text":1658},"HTML \u003Cstyle> 요소는 문서나 문서 일부에 대한 스타일 정보를 포함합니다.","md",{"slug":1688,"original_slug":1688},"develop\u002Fhtml\u002Felements\u002Fstyle",{"title":372,"description":1685},"cTAXvjWUYjZ7chM9J5Ngg0El7rP1AnF3Gv1EDiy5_uc",[1692,1695,1698,1809,1817,1842],{"title":5,"icon":6,"path":7,"stem":8,"children":1693,"page":15},[1694],{"title":11,"path":12,"stem":13,"icon":14},{"title":17,"icon":18,"path":19,"stem":20,"children":1696,"page":15},[1697],{"title":23,"path":24,"stem":25,"icon":26},{"title":28,"icon":29,"path":30,"stem":31,"children":1699,"page":15},[1700,1703,1801],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":1701,"page":15},[1702],{"title":41,"path":35,"stem":42,"icon":36},{"title":44,"path":45,"stem":46,"children":1704,"page":15},[1705,1800],{"title":49,"path":50,"stem":51,"children":1706,"icon":54},[1707,1708,1709,1710,1711,1712,1713,1714,1715,1716,1717,1718,1719,1720,1721,1722,1723,1724,1725,1726,1727,1728,1729,1730,1731,1732,1733,1734,1735,1736,1737,1738,1739,1740,1741,1742,1743,1744,1745,1746,1747,1748,1749,1750,1751,1752,1753,1754,1755,1756,1757,1758,1759,1760,1761,1762,1763,1764,1765,1766,1767,1768,1769,1770,1771,1772,1773,1774,1775,1776,1777,1778,1779,1780,1781,1782,1783,1784,1785,1786,1787,1788,1789,1790,1791,1792,1793,1794,1795,1796,1797,1798,1799],{"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":1802,"page":15},[1803,1806],{"title":433,"icon":434,"path":435,"stem":436,"children":1804,"page":15},[1805],{"title":439,"path":440,"stem":441,"icon":434},{"title":443,"icon":444,"path":445,"stem":446,"children":1807,"page":15},[1808],{"title":449,"path":450,"stem":451,"icon":452},{"title":454,"icon":455,"path":456,"stem":457,"children":1810,"page":15},[1811],{"title":460,"icon":455,"path":461,"stem":462,"children":1812},[1813,1814],{"title":465,"path":461,"stem":462,"icon":466},{"title":468,"path":469,"stem":470,"children":1815,"page":15},[1816],{"title":473,"path":474,"stem":475,"icon":476},{"title":478,"icon":479,"path":480,"stem":481,"children":1818,"page":15},[1819,1822,1829],{"title":428,"icon":484,"path":485,"stem":486,"children":1820,"page":15},[1821],{"title":489,"path":490,"stem":491,"icon":484},{"title":493,"path":494,"stem":495,"children":1823,"page":15},[1824],{"title":498,"path":499,"stem":500,"children":1825,"page":15},[1826],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":1827,"page":15},[1828],{"title":509,"path":510,"stem":511,"icon":512},{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":1830,"page":15},[1831,1832,1833,1834,1835,1836,1837,1838,1839,1840,1841],{"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":1843,"page":15},[1844],{"title":570,"path":571,"stem":572,"children":1845,"page":15},[1846],{"title":575,"path":576,"stem":577,"icon":578},[1848,1849],{"title":368,"path":369,"stem":370,"children":-1},{"title":376,"path":377,"stem":378,"children":-1},1775726377307]