일반적인 HTML 태그는 다음과 같습니다. 1. : HTML 문서의 루트 요소를 정의합니다. 2.
: 제목, 스타일, 스크립트와 같은 HTML 문서의 메타데이터를 포함합니다. 3.
: 제목을 정의합니다. 4. <meta>: 문자 세트, 작성자, 키워드 등과 같은 HTML 문서의 메타데이터를 정의합니다. 5. <style>: HTML 문서의 스타일을 정의합니다. : HTML 문서 등의 스크립트를 정의합니다.</p><span class="Articlelist_txts_time">Nov 01, 2023 am 10:44 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/ko/search?word=html태그"><span class="Articlelist_txts_infoss on">HTML 태그</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ko/faq/631024.html" title="HTML 태그의 전체 컬렉션" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202311/27/2023112709552750910.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="HTML 태그의 전체 컬렉션" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ko/faq/631024.html" title="HTML 태그의 전체 컬렉션" class="Articlelist_txts_title">HTML 태그의 전체 컬렉션</a></h3><p class="Articlelist_txts_p">HTML에는<!DOCTYPE>、<html>、<head>、<title>、<meta>、<link>、<style>、<script>、<body>、<h1> - <h6>、<p >、<a>、<img>、<div>、<span>、<입력>、<버튼>、<양식</p><span class="Articlelist_txts_time">Nov 27, 2023 am 10:05 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/ko/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a><a href="https://m.php.cn/ko/search?word=html태그"><span class="Articlelist_txts_infoss ">HTML 태그</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ko/faq/601968.html" title="HTML 태그" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/887/227/169382670559036.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="HTML 태그" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ko/faq/601968.html" title="HTML 태그" class="Articlelist_txts_title">HTML 태그</a></h3><p class="Articlelist_txts_p">HTML의 요소는 메타데이터(예: 설명, 키워드, 문서 작성자 등)를 설명하는 데 사용됩니다. 이 메타데이터는 페이지에 표시되지 않지만 검색 엔진, 웹 브라우저 등에서 사용됩니다. 이제 <metaname="viewport" content="width=device-width,initial-scale=1.0">에서 뷰포트를 설정하여 웹 페이지의 크기를 설정할 수도 있습니다. 속성은 다음과 같습니다. Sr.No 유형 및 설명 1 이름 속성 이름입니다. 무엇이든 될 수 있습니다. 예에는 키워드, 설명, 작성자, 개정판, 생성기 등이 포함됩니다. 2 콘텐츠는 속성의 값을 지정합니다. 구성표 3(더 이상 사용되지 않음)은 다음을 나타냅니다.</p><span class="Articlelist_txts_time">Sep 04, 2023 pm 07:25 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/ko/search?word=html태그"><span class="Articlelist_txts_infoss on">HTML 태그</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ko/faq/540491.html" title="HTML 태그를 사용하는 방법" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202305/15/2023051520103691131.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="HTML 태그를 사용하는 방법" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ko/faq/540491.html" title="HTML 태그를 사용하는 방법" class="Articlelist_txts_title">HTML 태그를 사용하는 방법</a></h3><p class="Articlelist_txts_p">HTML(HyperText Markup Language)은 웹 페이지를 생성하기 위한 표준 언어입니다. 이는 웹 페이지의 콘텐츠를 설명하고 구성할 수 있는 일련의 태그와 속성으로 구성됩니다. 일반적으로 사용되는 HTML 태그와 사용법에 대해 설명하겠습니다. 1. 제목 태그(<h1> ~ <h6>) 제목 태그는 웹 페이지의 제목을 설정하는 데 사용됩니다. 큰 레벨부터 작은 레벨까지 <h1> ~ <h6>의 6단계가 있습니다. 웹페이지를 작성할 때 <h1>이 가장 커야 한다는 점에 유의해야 합니다.</p><span class="Articlelist_txts_time">May 15, 2023 pm 08:10 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ko/faq/540160.html" title="html 태그는 줄바꿈되지 않습니다." class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202305/15/2023051514050714963.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="html 태그는 줄바꿈되지 않습니다." /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ko/faq/540160.html" title="html 태그는 줄바꿈되지 않습니다." class="Articlelist_txts_title">html 태그는 줄바꿈되지 않습니다.</a></h3><p class="Articlelist_txts_p">HTML 태그가 줄 바꿈되지 않는 이유는 HTML의 기본 형식 지정 방법이 모든 요소를 블록 수준 요소로 처리하기 때문입니다. 즉, 각 요소는 위와 아래에 공백이 있는 자체 줄을 차지한다는 의미입니다. 그러나 경우에 따라 동일한 행 내에 여러 요소를 표시해야 하고 요소 사이에 추가 공백이 필요하지 않을 수도 있습니다. 아래에서는 HTML에서 자동 라벨 래핑을 방지하는 방법을 자세히 소개하겠습니다. 1. 인라인 요소를 사용하세요. `<span>`, `<a>` 등과 같은 인라인 특성을 가진 요소를 사용하면 자동 라벨 래핑을 방지할 수 있습니다. 이는 인라인 요소 때문입니다.</p><span class="Articlelist_txts_time">May 15, 2023 pm 02:05 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ko/faq/540161.html" title="html 태그의 정기적인 교체" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202305/15/2023051514060897385.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="html 태그의 정기적인 교체" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ko/faq/540161.html" title="html 태그의 정기적인 교체" class="Articlelist_txts_title">html 태그의 정기적인 교체</a></h3><p class="Articlelist_txts_p">HTML은 웹페이지의 표준 언어이지만 어떤 경우에는 HTML 웹페이지에서 일반 텍스트를 추출해야 합니다. 이 경우 HTML 태그를 바꾸는 것이 유용합니다. 이 기사에서는 정규식을 사용하여 HTML 태그를 바꾸는 방법을 소개합니다. 먼저, 정규 표현식이란 무엇입니까? 정규 표현식은 문자열을 일치시키는 데 사용되는 표현식입니다. 텍스트를 검색하고 바꾸고 추출하는 데 사용할 수 있습니다. 정규식은 프로그래밍이나 텍스트 편집기에서 텍스트를 검색하고 찾는 등 텍스트 처리에 일반적으로 사용됩니다. 정규식을 사용하여 HTML 태그 대체</p><span class="Articlelist_txts_time">May 15, 2023 pm 02:06 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ko/faq/545709.html" title="HTML 태그 이스케이프" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202305/21/2023052115550861594.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="HTML 태그 이스케이프" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ko/faq/545709.html" title="HTML 태그 이스케이프" class="Articlelist_txts_title">HTML 태그 이스케이프</a></h3><p class="Articlelist_txts_p">웹 개발에서는 HTML 태그나 요소를 자주 사용합니다. 이러한 태그는 일반적으로 텍스트, 이미지, 링크, 표 등을 포함하여 페이지의 콘텐츠를 설명하고 표시하는 데 사용됩니다. 그러나 이러한 태그를 사용할 때는 <, >, & 등과 같은 일부 특수 문자에 주의해야 합니다. 이러한 문자는 태그 표시에 영향을 미치거나 코드 오류를 일으킬 수도 있습니다. 이 문제를 해결하려면 html 태그에 이스케이프 문자를 사용해야 합니다. 1. HTML 이스케이프란 무엇입니까? HTML 이스케이프는 일부 특수 문자를 해당 엔터티 문자 또는 태그로 변환하는 것을 의미합니다.</p><span class="Articlelist_txts_time">May 21, 2023 pm 03:55 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ko/faq/555779.html" title="PHP 코드에서 HTML 태그를 제거하는 방법" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202306/06/2023060609382461438.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="PHP 코드에서 HTML 태그를 제거하는 방법" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ko/faq/555779.html" title="PHP 코드에서 HTML 태그를 제거하는 방법" class="Articlelist_txts_title">PHP 코드에서 HTML 태그를 제거하는 방법</a></h3><p class="Articlelist_txts_p">PHP에서 HTML 태그를 제거하는 방법은 다음과 같습니다. 1. PHP 샘플 파일을 만듭니다. 2. html 태그와 함께 문자를 저장하는 변수 $html_string을 만듭니다. 3. 모든 HTML 태그를 제거하려면 "strip_tags($html_string)" 구문을 사용합니다. 해당 내용 문자열에서 삭제합니다. 4. 삭제된 문자열을 에코를 통해 출력합니다.</p><span class="Articlelist_txts_time">Jun 06, 2023 am 11:00 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/ko/search?word=php"><span class="Articlelist_txts_infoss on">php</span></a></div></div></div><hr /></div><div class="AI_ToolDetails_main4sR"><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/hotarticle2.png" alt="" /><h2>인기 기사</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/679836.html" title="HTML 태그의 전역 속성 이해" class="phpgenera_Details_mainR4_bottom_title">HTML 태그의 전역 속성 이해</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 년 전</span><span>By王林</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/631024.html" title="HTML 태그의 전체 컬렉션" class="phpgenera_Details_mainR4_bottom_title">HTML 태그의 전체 컬렉션</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 년 전</span><span>Byzbt</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/624097.html" title="일반적인 HTML 태그" class="phpgenera_Details_mainR4_bottom_title">일반적인 HTML 태그</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 년 전</span><span>Byzbt</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/601968.html" title="HTML 태그" class="phpgenera_Details_mainR4_bottom_title">HTML 태그</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 년 전</span><span>ByWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/555779.html" title="PHP 코드에서 HTML 태그를 제거하는 방법" class="phpgenera_Details_mainR4_bottom_title">PHP 코드에서 HTML 태그를 제거하는 방법</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 년 전</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ko/article.html">더보기</a></div></div></div><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/hottools2.png" alt="" /><h2>뜨거운 도구</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/ai/kits-ai" title="Kits AI" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173417754263702.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Kits AI" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/ai/kits-ai" title="Kits AI" class="phpmain_tab2_mids_title"><h3>Kits AI</h3></a><p>AI 아티스트 목소리로 목소리를 바꿔보세요. 자신만의 AI 음성 모델을 만들고 훈련하세요.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/ai/soundraw-ai-music-generator" title="SOUNDRAW - AI Music Generator" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173417756684210.jpeg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="SOUNDRAW - AI Music Generator" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/ai/soundraw-ai-music-generator" title="SOUNDRAW - AI Music Generator" class="phpmain_tab2_mids_title"><h3>SOUNDRAW - AI Music Generator</h3></a><p>SOUNDRAW의 AI 음악 생성기를 사용하여 비디오, 영화 등에 사용할 음악을 쉽게 만들어 보세요.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/ai/web-chatgptai" title="Web ChatGPT.ai" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173399378227633.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Web ChatGPT.ai" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/ai/web-chatgptai" title="Web ChatGPT.ai" class="phpmain_tab2_mids_title"><h3>Web ChatGPT.ai</h3></a><p>효율적인 브라우징을위한 OpenAi Chatbot이있는 무료 Chrome 확장.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/ai/ai-hay" title="AI Hay" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/174580374818781.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="AI Hay" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/ai/ai-hay" title="AI Hay" class="phpmain_tab2_mids_title"><h3>AI Hay</h3></a><p>베트남의 첫 번째 AI 답변 엔진 : 정확하고 신뢰할 수 있으며 항상 최신. 수백만 명의 베트남 학생들이 사랑합니다</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/ai/learn-earth" title="Learn Earth" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/174580371949328.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Learn Earth" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/ai/learn-earth" title="Learn Earth" class="phpmain_tab2_mids_title"><h3>Learn Earth</h3></a><p>개인화 된 교육을위한 AI 중심 적응 학습 플랫폼.</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ko/ai">더보기</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/hotarticle2.png" alt="" /><h2>뜨거운 주제</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/hmxtsbsaz" title="Hongmeng OS는 Android로 간주됩니까?" class="phpgenera_Details_mainR4_bottom_title">Hongmeng OS는 Android로 간주됩니까?</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>171</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>5</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/javadbfwjdqhx" title="Java dbf 파일을 읽고 쓰는 방법" class="phpgenera_Details_mainR4_bottom_title">Java dbf 파일을 읽고 쓰는 방법</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>179</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>6</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/captionsxdzy" title="캡션 속성의 역할" class="phpgenera_Details_mainR4_bottom_title">캡션 속성의 역할</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>183</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>6</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/alydnyf" title="Alibaba Cloud 컴퓨터 사용" class="phpgenera_Details_mainR4_bottom_title">Alibaba Cloud 컴퓨터 사용</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>152</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>8</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/dexgnszhbjs" title="dex 개념 디지털 화폐 소개" class="phpgenera_Details_mainR4_bottom_title">dex 개념 디지털 화폐 소개</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>124</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>5</span></div></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ko/faq/zt">더보기</a></div></div></div></div></main><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！</p></div><div class="footermid"><a href="https://m.php.cn/ko/about/us.html">회사 소개</a><a href="https://m.php.cn/ko/about/disclaimer.html">부인 성명</a><a href="https://m.php.cn/ko/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved
</p></div></div></footer><script>isLogin = "0";</script><!-- Matomo --><script> var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://tongji.php.cn/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '9']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script><!-- End Matomo Code --><script>
// 通用函数，用于显示或隐藏元素
function toggleElementsDisplay(className, show) {
const elements = document.getElementsByClassName(className);
for (let i = 0; i < elements.length; i++) {
elements[i].style.display = show ? "block" : "none";
}
}
// 绑定事件监听器
function bindEventListeners() {
const toggleDisplay = (className, show, eventId) => {
document.getElementById(eventId).addEventListener("click", (event) => {
event.preventDefault();
toggleElementsDisplay(className, show);
});
};
toggleDisplay("m_editormain12main", true, "fixed_tab_img");
toggleDisplay("m_editormain12main", false, "fixed_tab_topi");
toggleDisplay("m_editormain12main", false, "fixed_tab_close");
// 控制 m_menu 的显示和隐藏
toggleDisplay("m_menu", true, "lan1sp");
toggleDisplay("m_menu", false, "m_editormain12main_topi_sp");
// 控制 m_menu_lang 的显示和隐藏
toggleDisplay("m_menu_lang", true, "lan1");
toggleDisplay("m_menu_lang", false, "m_editormain12main_topi_lan");
}
// 在页面加载完成后绑定事件监听器
window.onload = bindEventListeners;
layui.use(function () {
var util = layui.util;
util.fixbar({
on: {
mouseenter: function (type) {
layer.tips(type, this, {
tips: 4,
fixed: true,
});
},
mouseleave: function (type) {
layer.closeAll("tips");
},
},
});
});
// 获取关闭按钮
const closeButton = document.querySelector(".phpgenera_Details_mainR1_close");
// 获取容器元素
const container = document.querySelector(".phpgenera_Details_mainR1");
// 添加点击事件监听器
closeButton.addEventListener("click", (event) => {
event.preventDefault(); // 阻止默认的<a>点击行为
container.style.display = "none"; // 隐藏容器
});
document.addEventListener("DOMContentLoaded", () => {
// 动态获取所有滚动链接及隐藏目标元素
const links = [{
linkId: "fixed_tab_a1",
targetId: "Topic_Details_mainL2_R_title1",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
{
linkId: "fixed_tab_a2",
targetId: "Topic_Details_mainL2_R_title2",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
{
linkId: "fixed_tab_a3",
targetId: "Topic_Details_mainL2_R_title3",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
];
links.forEach(({
linkId,
targetId,
hideElementId
}) => {
const linkElement = document.getElementById(linkId);
const targetElement = document.getElementById(targetId);
const hideElement = document.getElementById(hideElementId);
if (linkElement && targetElement) {
linkElement.addEventListener("click", (e) => {
e.preventDefault(); // 阻止默认行为
// 隐藏指定元素
if (hideElement) {
hideElement.style.display = "none";
}
// 平滑滚动到目标元素
targetElement.scrollIntoView({
behavior: "smooth"
});
});
} else {
console.warn(
`Link, target, or hide element not found: ${linkId}, ${targetId}, ${hideElementId}`
);
}
});
});
</script></body></html>
