메뉴바 리스트 나열시 nav 사용법 과 parent-list

바디 부분에 들어가는 메뉴바 리스트를 나열 할때, nav 사용법과 parent-list
<header id="ly-Header"> <div class="id-header"> <h1> <a href="/" class="docs-creator"> <img src="/_res/img/common/img-logo.png"> </a> </h1> <p id="ly-Navi-Button"><button type="button">메뉴</button></p> <nav id="ly-Navi"> <ul data-liststyle="none" class="parent"> <li class="parent-list" style="background-color: transparent;"> <a href="/product/" class="parent-link docs-creator">제품소개</a> <h3 class="under-line active"></h3> <ul data-liststyle="none" class="child" id="child1" style="display: none;"> <p class="child-border"></p> <li class="child-list"><a href="/product/appcheck/" class="child-link docs-creator"> 안티랜섬웨어</a></li> <li class="child-list"><a href="/product/appcheck-endpoint/" class="child-link docs-creator">엔드포인트 보안</a></li> <li class="child-list"><a href="/product/appcheck-cms/" class="child-link docs-creator"> 중앙 관리</a> </li> <!-- <li class="child-list"><a href="/product/appcheck-endpoint/" class="child-link">AppCheck Endpoint Protection</a></li> <li class="child-list"><a href="/product/appcheck-analyzer/" class="child-link">AppCheck Analyzer</a></li> <li class="child-list"><a href="/product/appcheck/" class="child-link"><span>AppCheck</span> <span>Anti-Ransomware</span></a></li> <li class="child-list"><a href="/product/appcheck-ws/" class="child-link">AppCheck Pro for Windows Server</a></li> <li class="child-list"><a href="/product/appcheck-ls/" class="child-link">AppCheck Pro for Linux Server</a></li> <li class="child-list"><a href="/product/appcheck-cms/" class="child-link">CMS 중앙 관리 솔루션</a></li> --> </ul> </li> <li class="parent-list"> <a href="/purchase/appcheck/" class="parent-link docs-creator"> 구매 </a> <h3 class="under-line "></h3> <ul data-liststyle="none" class="child" id="child2" style=""> <li class="child-list"><a href="/purchase/appcheck/" class="child-link docs-creator"> 개인 구매</a> </li> <li class="child-list"><a href="/renew/" class="child-link docs-creator"> 라이선스 갱신</a> </li> <li class="child-list"><a href="/license/" class="child-link docs-creator"> 라이선스 관리</a> </li> <li class="child-list"><a href="/select/" class="child-link docs-creator"> 기업 구매</a></li> <li class="child-list"><a href="/quotation/" class="child-link docs-creator"> 견적 및 데모 문의</a></li> </ul> </li> <li class="parent-list"> <a href="/video/" class="parent-link docs-creator">자료 </a> <h3 class="under-line "></h3> <ul data-liststyle="none" class="child" id="child3" style=""> <li class="child-list"><a href="/video/" class="child-link docs-creator"> 영상</a> </li> <li class="child-list"><a href="/document/" class="child-link docs-creator"> 문서</a></li> <li class="child-list"><a href="/guide/appcheck/" class="child-link docs-creator"> 빠른 설치 가이드</a> </li> <li class="child-list"><a href="/manual/install/" class="child-link docs-creator"> 온라인 매뉴얼</a> </li> <li class="child-list"><a href="/ransomware/" class="child-link docs-creator"> 랜섬웨어 정보</a></li> <li class="child-list"><a href="/newsletter/" class="child-link docs-creator"> 뉴스레터</a></li> <li class="child-list"><a href="/news/" class="child-link docs-creator"> 뉴스/보도자료</a></li> </ul> </li> <li class="parent-list"> <a href="/notice/" class="parent-link docs-creator">고객지원</a> <h3 class="under-line "></h3> <ul data-liststyle="none" class="child" id="child4" style=""> <li class="child-list"><a href="/notice/" class="child-link docs-creator"> 공지사항</a> </li> <li class="child-list"><a href="/faq/all/" class="child-link docs-creator"> 자주 묻는 질문</a> </li> <li class="child-list"><a href="/malware/" class="child-link docs-creator"> 악성코드 문의</a> </li> <li class="child-list"><a href="javascript:void(0)" class="child-link docs-creator" onclick="goPage('inquiry-ko')"> 온라인 문의</a> </li> <li class="child-list"><a href="/support/" class="child-link docs-creator"> 기업고객 기술지원</a></li> <li class="child-list"><a href="/remote/" class="child-link docs-creator">원격 지원</a> </li> </ul> </li> <li class="parent-list" style="background-color: transparent;"> <a href="/about/" class="parent-link docs-creator"> 회사소개 </a> <h3 class="under-line "></h3> <ul data-liststyle="none" class="child" id="child5" style="display: none;"> <li class="child-list"><a href="/about/" class="child-link docs-creator"> 회사소개</a> </li> <li class="child-list"><a href="/about/#anchor-History" class="child-link docs-creator"> 연혁</a> </li> <li class="child-list"><a href="/about/#anchor-Careers" class="child-link docs-creator"> 채용</a></li> <li class="child-list"><a href="/about/#anchor-Customer" class="child-link docs-creator"> 고객사</a></li> </ul> </li> </ul> </nav> <ul data-liststyle="none" class="id-lang"> <li><a href=" ?lang=en" class="docs-creator"> </a></li> </ul> </div> </header>
HTML
복사
<script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "체크멀", "url": "https://www.checkmal.com/", "sameAs": [ "https://www.facebook.com/checkmalicious", "http://blog.naver.com/checkmal", "https://www.youtube.com/channel/UCmhyuasah1fxT6gEL6xzK3g" ] } </script>
HTML
복사
이 스크립트는 <script> 태그 안에 작성된 JSON-LD 형식의 스크립트입니다.
JSON-LD는 구조화된 데이터를 표현하기 위한 형식 중 하나입니다.
이 스크립트는 "체크멀"이라는 조직을 나타내며, 해당 조직에 대한 정보를 제공합니다. 스크립트에는 조직의 이름, 웹사이트 URL, 그리고 소셜 미디어 계정의 링크가 포함되어 있습니다. 이 정보는 구글이나 다른 검색 엔진에서 웹사이트에 대한 추가적인 메타데이터를 제공하고, 웹사이트가 검색 결과에서 더 잘 나타날 수 있도록 도와줍니다.
위 스크립트의 예시에서는 "체크멀"의 이름과 웹사이트 URL 그리고 몇 개의 소셜 미디어 계정 링크가 제공되었습니다. 이 스크립트를 웹사이트의 <head> 태그 안에 삽입하면, 이 정보가 읽혀져서 검색 엔진에 제공됩니다.
위의 스크립트는 웹사이트의 <head> 태그 안에 삽입되어, 검색 엔진에 제공되는 메타데이터입니다. 이 메타데이터는 JSON-LD 형식으로 작성되어 있으며, 구글 및 다른 검색 엔진에서 웹사이트에 대한 추가 정보를 제공하고 검색 결과에서 웹사이트가 더 잘 나타날 수 있도록 도와줍니다. 이 스크립트는 "체크멀"이라는 조직을 나타내며, 해당 조직의 이름, 웹사이트 URL, 그리고 소셜 미디어 계정의 링크를 포함하고 있습니다.