찾다
웹 프론트엔드HTML 튜토리얼역사상 가장 완벽한 라벨 컬렉션

역사상 가장 완벽한 라벨 컬렉션

Jun 16, 2017 pm 05:12 PM
백과 사전요약상표

基本结构标签: 
,表示该文件为HTML文件 

,包含文件的标题,使用的脚本,样式定义等 
---,包含文件的标题,标题出现在浏览器标题栏中 
,的结束标志 
,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. 
,的结束标志 
,的结束标志

其它主要标签,以下所有标志用在

中: 
,链接标志,"…"为链接的文件地址 
역사상 가장 완벽한 라벨 컬렉션,显示图片标志,"…"为图片的地址 

,换行标志 

,分段标志 
,采用黑体字 
,采用斜体字 


,水平画线 
,定义表格,HTML中重要的标志 
,定义表格的行,用在
中 
,定义表格的单元格,用在中 
,字体样式标志

属性: 
属性是用来修饰标志的,属性放在开始标志内. 
例:属性bgcolor="BLACK"表示背景色为黑色. 
引用属性的例子: 

表示页面背景色为黑色; 
表示表格背景色为黑色.

常用属性: 
对齐属性,范围属性: 
ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度. 
ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度. 
ALIGN=RIGHT,右对齐. 
色彩属性: 
COLOR=#RRGGBB,前景色,参考色彩对照表. 
BGCOLOR=#RRGGBB,背景色.

表示绝对居中.

表格标识的开始和结束. 
属性: 
cellpadding=数值单位是像素,定义表元内距 
cellspacing=数值单位是像素,定义表元间距 
border=数值单位是像素,定义表格边框宽度 
width=数值单位是像素或窗口百分比,定义表格宽度 
background=图片链接地址,定义表格背景图 
表格中一个表格行的开始和结束; 
表格中行内一个单元格的开始和结束 
属性: 
Colspan="",单元格跨越多列; 
Rowspan="",单元格跨越多行; 
Width="";定义表格宽度 
Height="";定义表格高度 
Align="";对齐方式 
Valign=""; 
Border="",边框宽度; 
Bgcolor="",背景色; 
Bordercolor="",边框颜色; 
Bordercolorlight="",边框明亮面的颜色; 
Bordercolordark="",边框暗淡面的颜色; 
Cellpadding="",内容与边框的距离(默认为2); 
Cellspacing="",单元格间的距离(默认为2);


强制换行 
文本标识的开始和结束 
属性: 
face=字体 
color=颜色 
加粗文字标识的开始和结束 
属性: 
style=font-size:40pt;,用样式表方式控制字体大小,这里是40点 

, 파티션 로고의 시작과 끝
속성:
align=|center|left|right|수평 정렬
로고 내 텍스처 형식 이미지 스크롤
속성:
scrollamount=1~60, 스크롤 속도
direction=|left|right|up|down|, 스크롤 방향
scrolldelay=스크롤 지연, 단위: 밀리초

Paragraph 마크,
공백 문자,
역사상 가장 완벽한 라벨 컬렉션이미지 로고
속성:
src=../../이미지 링크 주소, 텍스처 로고에 필요한 속성
style=filter:Alpha(opacity=100,style=2);
filter:스타일 시트 Filter;
Alpha: 투명 필터,
opacity: 불투명도 100(0~100);
style: 스타일 2(0~3),
rules="none"내부 프레임 표시 안 함"
< ;embed,src ="...">Multimedia파일 식별
속성:
,
파일 형식 외에도 음악 파일의 경로를 설정합니다. .rm;.mp3;.wav 및 기타 오디오를 재생할 수 있으며, .swf 및 .mov 비디오도 재생할 수 있습니다.
AUTOSTART=TRUE/FALSE,
전송 후 음악 파일을 자동으로 재생할지 여부는 TRUE입니다. , FALSE는 그렇지 않으며 기본값은 FALSE입니다.
LOOP=, 재생 반복 횟수를 설정합니다. LOOP=6은 6회 반복을 의미하고, true 또는 -1은 무한 루프를 의미하며, false는 한 번 재생하고 중지함을 의미합니다.
STARTIME="분:초. ",
음악 재생 시작 시간을 설정하고, 20초 후에 재생되면 STARTIME =00:20
VOLUME=0-100,
볼륨을 설정합니다. 설정하지 않은 경우 시스템 볼륨을 사용합니다.
WIDTH, HEIGHT,
제어판의 크기를 설정하고, 재생을 숨기려면 모두 0으로 설정하세요.
HIDDEN=TRUE,
제어판 숨기기
ControlS=CONSOLE/SMALLCONSOLE,
제어판의 모양 설정,
, 배경 음악 로고는 .wav 및 .mp3 형식에만 사용할 수 있습니다.
속성:
LOOP=, 재생 반복 횟수 설정, LOOP=6은 6회 반복을 의미합니다. -1은 무한 루프를 의미하고 false는 한 번 재생한 후 중지한다는 의미입니다.

< ;/form>양식 표시의 시작과 끝, 그리고 양식의 내용이 여기에 배치됩니다. 다음 라벨이 양식에 배치됩니다.

Cols=" "

Rows=""
Frameborder=""
Framespacing=""
src=""
Scrolling="", 스크롤 막대(아니요, 예);
Noresize, 프레임과 크기를 더한 값은 변경할 수 없습니다.
Marginhight="" , 높이 여유 공간;
Marginwidth="", 너비 여유 공간
Target="", 대상 프레임.

기타 태그:
, 배경 음악
Src=""
Loop="", 루프 수;
, 미디어 재생 블록
Src=""
Loop="";
, 스크롤 부분;
속성:
Bgcolor=""
동작, 자막에서 텍스트가 스크롤되는 방식을 설정하거나 가져옵니다. "
Width=""
Loop="", 루프 수;
scrollAmount="", 각 자막 그리기 시퀀스 사이의 텍스트 스크롤 픽셀 수를 설정하거나 가져옵니다.
scrollDelay="", 루프 수를 설정하거나 가져옵니다. 자막 스크롤 속도.
scrollHeight="", 개체의 스크롤 높이를 가져옵니다.
scrollLeft="", 개체의 왼쪽 가장자리와 창에 현재 표시되는 콘텐츠의 가장 왼쪽 끝 사이의 거리를 설정하거나 가져옵니다. scrollTop="", 설정 또는 가져오기 개체 상단과 창에 표시되는 콘텐츠 상단 사이의 거리
trueSpeed="", 자막 위치 설정 여부는 scrollDelay 및 scrollAmount를 사용하여 계산됩니다. 실제 경과 시간은 시계 타이밍

< ;!--...-->, 주석 표시, "" 사이의 내용에서 비롯됩니다.

--

기본 태그:

,

HTML 문서

만들기,

, 문서 제목 및 기타 정보 설정 웹페이지에 표시되지 않음 , 문서 제목

, 가장 큰 제목 설정; , 미리 서식이 지정된 텍스트
, 굵은 글꼴
, 기울임꼴 글꼴; ;, 타자기 스타일 글꼴
, 인용문, 일반적으로 이탤릭체
, 강조 텍스트(보통 이탤릭체와 굵은 글씨체); 강함>, 강조 텍스트(보통 기울임꼴 굵게 추가)
, 글꼴 크기를 1에서 7까지 설정하고 사용 색상의 이름 또는 RGB 16진수 값
, 기본 글꼴 표시
, 글꼴 크기 증가; , 글꼴 크기 줄이기
,프로그램 코드
;,예제;
, 변수
, 오른쪽으로 들여쓰기; 정의;
,주소 표시
,위 첨자
... 고정 너비 글꼴(공백, 줄 바꿈 및 위치 지정 기능은 파일에서 유효함)
...</plaintext> 고정 너비 글꼴(마커 기호는 실행되지 않음) <br>&lt ;목록>..., 고정 너비 작은 글꼴 <br><font>...</font>글꼴 색상 <br><font>...&lt ;/font>최소 글꼴; <br><font>...</font>무한히 증가합니다.<br><br>형식 태그:<br><br><p>, 단락 만들기 <br></p> <p>, 단락을 왼쪽, 가운데, 오른쪽으로 정렬 <br><br>, 줄 바꿈, 캐리지 리턴 및 줄 바꿈 삽입 <br>, 양쪽에서 텍스트 들여쓰기 <br><br></p> <dl></dl>, 목록 레이블, 목록 정의 <br><dt>, 목록 제목 정의 <br> </dt> <dd>, 목록 내용 정의; ; <br>예: </dd> <dt> ;제목 1</dt> <p></p> <dd>콘텐츠 11</dd> <dt>제목 2 <p></p> </dt> <dd>Content 21</dd> <br><dd>Content 22</dd> <br><br><ol></ol> 숫자로 <p></p> <p></p> <ul></ul>,列表标签,定义一个标有圆点的列表; <br><li>,放在每个列表项之前; <br>放在<ol></ol>之间则每个列表项加上一个数字,放在<ul></ul>之间则每个列表项加上一个圆点;<p></p> <div></div>, 큰 HTML 단락을 조판하는 데 사용되며 테이블 형식 지정에도 사용됩니다. <br><dir>, 디렉토리 목록 <br><nobr></nobr> 줄 바꿈; <br><hr>가로 선(너비 설정) <br><center></center>, 가로 중앙.<br> 링크 태그: <p><a></a>, 하이퍼텍스트 링크 생성 <br><a>, 자동 이메일 생성 이메일 링크 <br></a><a></a>, 문서 내에 북마크 만들기 <br><a></a> 문서 내의 북마크에 있는 링크에 대한 링크 <br><base>, 사이트에서 인식할 수 없는 문서의 다른 모든 링크 소스의 URL <br><link> ; <br><br>링크 태그 주석: </p>target="...", 링크 소스가 표시되는 위치를 결정합니다(사용자 정의 이름, _blank, _parent, _self, _top). <p>rev= "...", 링크 유형을 저장합니다. <br>accesskey="...", 요소의 단축키를 지정합니다. <br>shape="..." 클라이언트의 그래픽 미러를 정의하는 모양(기본값, 직사각형, 원형, 폴리) <br>coord="...", 픽셀 또는 길이 백분율을 사용하여 모양의 크기를 정의, <br>tabindex="..." 각 요소 사이의 거리를 설정하기 위해 정의된 tabindex 요소(요소에 초점을 맞추려면 탭 키 사용) <br></p> <table></table>, 테이블 만들기 <br><tr>, 테이블의 각 행 <br><td></td>, 테이블의 행에 있는 각 셀 <th></th>, 테이블 헤더를 설정합니다. 일반적으로 굵게 표시됩니다. 가운데 정렬된 텍스트; <p></p> <table>,테이블 그리드 사이의 공간 크기 설정 <br><table>,테두리 너비 설정 <br><table>, 표 그리드 테두리와 내부 내용 사이의 간격을 설정합니다. 공간의 크기 <br><table>, 표의 너비 또는 비율을 사용합니다. 전체 너비 <br><table>, 테이블 그리드의 가로 정렬 설정(왼쪽, 가운데, 오른쪽, 양쪽 정렬) <br><tr>, 가로 정렬 설정 테이블 그리드의 (left,center,right,justify) <br> </tr> <tr> 테이블 그리드의 수직 정렬 설정(기준선, 하단, 중간, 상단); ="">, 테이블 그리드에 걸쳐 있는 열 수를 설정합니다(기본값은 1). <br><td>, 테이블 그리드에 걸쳐 있는 행 수를 설정합니다(기본값) 1) <br> </td> <td>, 테이블 그리드 <br><colgroup>에서 내용의 자동 줄 바꿈을 금지합니다. COLGROUP>, 여러 열과 열 그룹 정의 <br> </colgroup> <thead>, 테이블 헤더 정의; , 관련 속성이 동시에 설정될 수 있도록 열 그룹의 열을 정의합니다. <br> </thead> </td> </tr> <tfoot></tfoot> , 테이블의 바닥글을 정의합니다.<br><p>Form 태그: <br></p> <form></form>, 양식 생성 <br>action="...", 데이터를 수신하는 서버의 URL <br>method="...", HTTP 메소드(get ,, post), 여기서 get은 더 이상 사용되지 않습니다. <br>enctype="..."은 양식이 제출될 때 발생하는 내부 이벤트인 MIME(인터넷 미디어 유형)을 지정합니다. " ..."는 양식을 재설정할 때 발생하는 내부 이벤트입니다. <br>target="..."은 콘텐츠를 표시할 위치를 결정합니다(_blank,_parent,_self,_top) <br><select name></select>, 스크롤 메뉴 생성, size는 스크롤하기 전에 볼 수 있는 양식 항목 수를 설정합니다. <br><option>, 각 양식 항목의 내용을 설정합니다. <br>&lt ; select,name="name">, <br>드롭다운 메뉴<br> 만들기 <a href="http://www.php.cn/code/6140.html" target="_blank"><pre class="brush:php;toolbar:false"></pre> 텍스트 상자 영역을 만듭니다. 열 수는 너비를 설정하고 행 수는 높이를 설정합니다. </a><input> 뒤에 텍스트가 있는 확인란을 만듭니다. label; <br><input>,로고 뒤에 텍스트가 있는 라디오 버튼 만들기 <br><input>,Create 단일 행 텍스트 입력 영역, 크기는 문자열 너비로 설정됩니다. <br><input>, 제출 버튼을 생성합니다. <br><input>,이미지를 사용하여 제출 버튼 만들기 <br><input> ;, 재설정( 재설정) 버튼 생성; <br><button></button>, 버튼 생성 <br>disabled="...", 버튼 상태를 비활성화로 설정; , 버튼의 컨트롤 이름, value="...", 버튼의 값 <br>type="...", 버튼의 유형(버튼,,제출,,재설정) <br><fieldset> ;</fieldset>는 그룹 <br><isindex>로 결합되어 사용자에게 입력을 요청합니다. <br><label></label>는 컨트롤에 대한 레이블을 제공합니다. 는 FIELDSET 요소의 제목을 지정합니다. <br> <select></select>는 사용자가 선택할 수 있는 다양한 옵션을 생성합니다. <br><textarea></textarea>는 다음을 허용하는 영역을 생성합니다. <br><br>양식 태그 주석: <br>type=". ..", 입력 제어 유형(텍스트, 비밀번호, 확인란, 라디오, 제출, 재설정, 파일, 숨김, 이미지, 버튼)에 사용됩니다. <br>name="...", 컨트롤의 컨트롤 이름(제출 이외의 이름이어야 하며 재설정 이외의 이름이어야 함) value="...", 컨트롤의 초기 값 <p>checked=" ...", 라디오 버튼을 선택한 상태로 설정합니다. <br>disabled="... ", 컨트롤 상태를 사용할 수 없도록 설정합니다. <br>readonly="...", 비밀번호 입력을 위한 텍스트 상자에만 사용됩니다. ; <br>size="...", 텍스트 상자와 비밀번호 상자를 제외하고 픽셀로 표시 문자 수를 지정하는 데 사용되는 컨트롤 이외의 컨트롤 너비 <br>src="...", 이미지 컨트롤의 URL <br>maxlength="...", 입력할 수 있는 최대 문자 수 지정 <br>alt="...", 또 다른 텍스트 설명; 클라이언트 그래픽 미러에 대한 URL입니다. <br>align="...", 정렬 제어(왼쪽,,가운데,,오른쪽,,정렬), 포커스를 얻는 순서를 결정합니다. 정의된 tabindex 값을 통해 서로 다른 요소 간 <br>onfocus="...", 요소가 포커스를 얻을 때 발생하는 이벤트 <br>onblur="...", 요소가 포커스를 잃을 때 발생하는 이벤트; ..", 요소 선택 시 발생하는 이벤트; <br>onchang="...", 요소가 포커스를 잃었을 때 발생하는 이벤트, 요소 상태가 변경될 때 발생하는 이벤트, <br>accept="...", 파일 업로드가 허용되는 유형입니다.<br></p> <p>프레임 태그(프레임 태그): <br></p> <frameset></frameset>, 프레임 문서의 태그 앞에 위치하며 다른 프레임 문서에도 포함될 수 있습니다. ,value">, 프레임의 행 수, 사용 가능한 픽셀 값 또는 높이 백분율을 정의합니다. <br><frameset>, 프레임의 열 수, 사용 가능한 픽셀을 정의합니다. 값 또는 너비 비율 <br><frame>은 프레임 내의 단일 창 또는 창 영역을 정의합니다. <br><noframes></noframes>는 프레임을 지원하지 않는 브라우저에 표시되는 프롬프트를 정의합니다. ;frame,src=" URL">, 프레임 내에 표시되는 HTML 문서를 지정합니다. <br><frame>, 다른 프레임이 이를 가리킬 수 있도록 프레임 또는 영역의 이름을 지정합니다. 프레임,marginwidth="">, 프레임의 왼쪽 및 오른쪽 가장자리 여백 크기를 정의합니다. 1보다 크거나 같아야 합니다. <br><frame>는 프레임의 여백 크기를 정의합니다. 프레임의 위쪽 및 아래쪽 가장자리는 1보다 크거나 같아야 합니다. <br><frame>, 프레임에 스크롤 막대가 있는지 여부를 설정합니다. 값은 "yes", "no"일 수 있습니다. " 또는 "auto"; <br><frame>, 사용자가 프레임 크기를 조정하는 것을 금지합니다. <br><iframe></iframe> , 인라인 프레임을 생성합니다. <br>scr="..." , 프레임에 표시되는 콘텐츠의 소스를 정의합니다. <br>frameborder="...", 프레임 사이의 테두리(0 또는 1)를 정의합니다. <br>align ="...", 반대, 정렬을 제어합니다(왼쪽, ,center,,right,,justify); <br>height="...", 프레임 높이, width="..." 프레임 너비 <br><marquee>...</marquee> ;,일반 스크롤 <br><marquee>...</marquee>,Slide; <br><marquee>... </marquee>, 기본 스크롤; ,behavior=alternate>..., 앞뒤로 스크롤 <br><marquee>...</marquee> ,아래로 스크롤 <br><marquee> ..</marquee>, 위로 스크롤 <br><marquee></marquee>, 오른쪽으로 스크롤 <br>&lt ;marquee,direction='left' 왼쪽 <br><marquee>...</marquee>, 스크롤 수 <br><marquee>...</marquee>, 너비 설정; ,height=30>..., 높이 설정 <br><marquee>...&lt ;/marquee>, 배경색 설정 <br><scrollamount> ...</scrollamount></marquee>, 스크롤 거리 설정 <br><marquee>...</marquee>,스크롤 시간 설정 <br><img alt="역사상 가장 완벽한 라벨 컬렉션" >,삽입 그림의 경우 매개변수는 다음과 같습니다: width="width",alt="description text",height="high",boder="border" .<br><br>문서 전체 속성 태그: <br> , 배경 색상을 설정하거나 <br> 배경 이미지를 설정하고 <br> 배경 음악을 설정합니다. body,bgproperties="fixed">, 고정된 배경 이미지(IE에 적용 가능) , 이름 또는 RGB의 16진수 값을 사용합니다. ,link="">, 링크 색상을 설정합니다. 이름, 단어 또는 RGB의 16진수 값을 사용합니다. <p><vlink>, 사용된 링크의 색상을 설정합니다. 이름 또는 RGB 16진수 값 <br>, 연결되는 링크의 색상을 설정합니다. 이름 또는 RGB 16진수 값 <br> , 페이지의 위쪽 여백을 설정합니다. <br>, 페이지의 왼쪽 여백을 설정합니다.<br><br><br><br></vlink></p> </frameset> </option> </table> </table> </table> </table> </table> </tr> </dir> </li></font> </form> </center><p>위 내용은 역사상 가장 완벽한 라벨 컬렉션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!</p></div><div class="wzconShengming_sp"><div class="bzsmdiv_sp">성명</div><div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div></div></div><div class="phpgenera_Details_mainL4"><div class="phpmain1_2_top"><a href="javascript:void(0);" class="phpmain1_2_top_title">관련 기사<img class="lazy" data-src="/static/imghwm/index2_title2.png" src="/static/imghw/default1.png" alt="" /></a></div><div class="phpgenera_Details_mainL4_info"><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ko/faq/1796802246.html" title="HTML 태그의 목적은 무엇입니까?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174576972169873.jpg?x-oss-process=image/resize,p_40" alt="HTML 태그의 목적은 무엇입니까?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ko/faq/1796802246.html" title="HTML 태그의 목적은 무엇입니까?" class="phphistorical_Version2_mids_title">HTML 태그의 목적은 무엇입니까?</a><span class="Articlelist_txts_time">Apr 28, 2025 am 12:02 AM</span><p class="Articlelist_txts_p">htmltagsareessentialforstructuringwebpages, 향상 액세스 가능성, SEO 및 성능</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ko/faq/1796801937.html" title="자체 폐쇄 태그는 무엇입니까? 예를 들어보세요." class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174568348286513.jpg?x-oss-process=image/resize,p_40" alt="자체 폐쇄 태그는 무엇입니까? 예를 들어보세요." src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ko/faq/1796801937.html" title="자체 폐쇄 태그는 무엇입니까? 예를 들어보세요." class="phphistorical_Version2_mids_title">자체 폐쇄 태그는 무엇입니까? 예를 들어보세요.</a><span class="Articlelist_txts_time">Apr 27, 2025 am 12:04 AM</span><p class="Articlelist_txts_p">Self-ClosingTagsinhtmlandxMlaretagsThatCloseThemselvess withoutseeparateClosingTag, 1) theareStement-well-formeddocuments.2) indugible-ustible butrr</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ko/faq/1796801649.html" title="HTML 너머 : 웹 개발을위한 필수 기술" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174559705219982.jpg?x-oss-process=image/resize,p_40" alt="HTML 너머 : 웹 개발을위한 필수 기술" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ko/faq/1796801649.html" title="HTML 너머 : 웹 개발을위한 필수 기술" class="phphistorical_Version2_mids_title">HTML 너머 : 웹 개발을위한 필수 기술</a><span class="Articlelist_txts_time">Apr 26, 2025 am 12:04 AM</span><p class="Articlelist_txts_p">강력한 기능과 우수한 사용자 경험을 가진 웹 사이트를 구축하기 위해서는 HTML만으로는 충분하지 않습니다. 다음 기술도 필요합니다. JavaScript는 웹 페이지 동적 및 상호 작용을 제공하며 DOM을 운영하여 실시간 변경을 달성합니다. CSS는 미학 및 사용자 경험을 향상시키기 위해 웹 페이지의 스타일과 레이아웃을 담당합니다. React, Vue.js 및 Angular와 같은 현대 프레임 워크 및 라이브러리는 개발 효율성 및 코드 조직 구조를 향상시킵니다.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ko/faq/1796801293.html" title="HTML의 부울 속성은 무엇입니까? 몇 가지 예를 들어주십시오." class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174551046248816.jpg?x-oss-process=image/resize,p_40" alt="HTML의 부울 속성은 무엇입니까? 몇 가지 예를 들어주십시오." src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ko/faq/1796801293.html" title="HTML의 부울 속성은 무엇입니까? 몇 가지 예를 들어주십시오." class="phphistorical_Version2_mids_title">HTML의 부울 속성은 무엇입니까? 몇 가지 예를 들어주십시오.</a><span class="Articlelist_txts_time">Apr 25, 2025 am 12:01 AM</span><p class="Articlelist_txts_p">부울 속성은 값없이 활성화되는 HTML의 특수 속성입니다. 1. 부울 속성은 입력 상자를 비활성화하는 등의 존재 여부에 따라 요소의 동작을 제어합니다. 2. 작업 원칙은 브라우저가 구문 분석 할 때 속성의 존재에 따라 요소 동작을 변경하는 것입니다. 3. 기본 사용법은 속성을 직접 추가하는 것이며, 고급 사용량은 JavaScript를 통해 동적으로 제어 될 수 있습니다. 4. 일반적인 실수는 값을 설정해야한다고 잘못 생각하고 올바른 글쓰기 방법은 간결해야합니다. 5. 모범 사례는 코드를 간결하게 유지하고 부울 속성을 합리적으로 사용하여 웹 페이지 성능 및 사용자 경험을 최적화하는 것입니다.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ko/faq/1796800895.html" title="HTML 코드를 어떻게 검증 할 수 있습니까?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174542425237814.jpg?x-oss-process=image/resize,p_40" alt="HTML 코드를 어떻게 검증 할 수 있습니까?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ko/faq/1796800895.html" title="HTML 코드를 어떻게 검증 할 수 있습니까?" class="phphistorical_Version2_mids_title">HTML 코드를 어떻게 검증 할 수 있습니까?</a><span class="Articlelist_txts_time">Apr 24, 2025 am 12:04 AM</span><p class="Articlelist_txts_p">HTML 코드는 온라인 유효성 검사기, 통합 도구 및 자동화 된 프로세스를 통해 깨끗할 수 있습니다. 1) w3cmarkupvalidationservice를 사용하여 온라인으로 HTML 코드를 확인하십시오. 2) 실시간 확인을 위해 VisualStudioCode에 HTMLHINT 확장을 설치하고 구성하십시오. 3) htmltidy를 사용하여 시공 프로세스에서 HTML 파일을 자동으로 확인하고 청소하십시오.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ko/faq/1796800590.html" title="HTML vs. CSS 및 JavaScript : 웹 기술 비교" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174533794691849.jpg?x-oss-process=image/resize,p_40" alt="HTML vs. CSS 및 JavaScript : 웹 기술 비교" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ko/faq/1796800590.html" title="HTML vs. CSS 및 JavaScript : 웹 기술 비교" class="phphistorical_Version2_mids_title">HTML vs. CSS 및 JavaScript : 웹 기술 비교</a><span class="Articlelist_txts_time">Apr 23, 2025 am 12:05 AM</span><p class="Articlelist_txts_p">HTML, CSS 및 JavaScript는 최신 웹 페이지를 구축하기위한 핵심 기술입니다. 1. HTML 웹 페이지 구조를 정의합니다. 2. CSS는 웹 페이지의 모양을 담당합니다.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ko/faq/1796800099.html" title="마크 업 언어로서의 HTML : 기능과 목적" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174525137146935.jpg?x-oss-process=image/resize,p_40" alt="마크 업 언어로서의 HTML : 기능과 목적" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ko/faq/1796800099.html" title="마크 업 언어로서의 HTML : 기능과 목적" class="phphistorical_Version2_mids_title">마크 업 언어로서의 HTML : 기능과 목적</a><span class="Articlelist_txts_time">Apr 22, 2025 am 12:02 AM</span><p class="Articlelist_txts_p">HTML의 기능은 웹 페이지의 구조와 내용을 정의하는 것이며, 그 목적은 정보를 표시하는 표준화 된 방법을 제공하는 것입니다. 1) HTML은 타이틀 및 단락과 같은 태그 및 속성을 통해 웹 페이지의 다양한 부분을 구성합니다. 2) 콘텐츠 및 성능 분리를 지원하고 유지 보수 효율성을 향상시킵니다. 3) HTML은 확장 가능하므로 사용자 정의 태그가 SEO를 향상시킬 수 있습니다.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ko/faq/1796798320.html" title="HTML, CSS 및 JavaScript의 미래 : 웹 개발 동향" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174499214213783.jpg?x-oss-process=image/resize,p_40" alt="HTML, CSS 및 JavaScript의 미래 : 웹 개발 동향" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ko/faq/1796798320.html" title="HTML, CSS 및 JavaScript의 미래 : 웹 개발 동향" class="phphistorical_Version2_mids_title">HTML, CSS 및 JavaScript의 미래 : 웹 개발 동향</a><span class="Articlelist_txts_time">Apr 19, 2025 am 12:02 AM</span><p class="Articlelist_txts_p">HTML의 미래 트렌드는 의미론 및 웹 구성 요소이며 CSS의 미래 트렌드는 CSS-In-JS 및 CSShoudini이며, JavaScript의 미래 트렌드는 WebAssembly 및 서버리스입니다. 1. HTML 시맨틱은 접근성과 SEO 효과를 향상시키고 웹 구성 요소는 개발 효율성을 향상 시키지만 브라우저 호환성에주의를 기울여야합니다. 2. CSS-in-JS는 스타일 관리 유연성을 향상 시키지만 파일 크기를 증가시킬 수 있습니다. CSShoudini는 CSS 렌더링의 직접 작동을 허용합니다. 3. Webosembly는 브라우저 애플리케이션 성능을 최적화하지만 가파른 학습 곡선을 가지고 있으며 서버리스는 개발을 단순화하지만 콜드 스타트 ​​문제의 최적화가 필요합니다.</p></div></div><a href="https://m.php.cn/ko/web-designer.html" class="phpgenera_Details_mainL4_botton"><span>See all articles</span><img class="lazy" data-src="/static/imghwm/down_right.png" src="/static/imghw/default1.png" alt="" /></a></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div class="AI_ToolDetails_main4sR"><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'" class="lazy" data-src="/static/imghwm/hottools2.png" src="/static/imghw/default1.png" alt="" /><h2>핫 AI 도구</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/ai/undresserai-undress" title="Undresser.AI Undress" 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'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/ai/undresserai-undress" title="Undresser.AI Undress"class="phpmain_tab2_mids_title"><h3>Undresser.AI Undress</h3></a><p>사실적인 누드 사진을 만들기 위한 AI 기반 앱</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/ai/ai-clothes-remover" title="AI Clothes Remover" 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'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/ai/ai-clothes-remover" title="AI Clothes Remover"class="phpmain_tab2_mids_title"><h3>AI Clothes Remover</h3></a><p>사진에서 옷을 제거하는 온라인 AI 도구입니다.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/ai/undress-ai-tool" title="Undress AI Tool" 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'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/ai/undress-ai-tool" title="Undress AI Tool"class="phpmain_tab2_mids_title"><h3>Undress AI Tool</h3></a><p>무료로 이미지를 벗다</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/ai/clothoffio" title="Clothoff.io" 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'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/ai/clothoffio" title="Clothoff.io"class="phpmain_tab2_mids_title"><h3>Clothoff.io</h3></a><p>AI 옷 제거제</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/ai/video-swap" title="Video Face Swap" 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'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/ai/video-swap" title="Video Face Swap"class="phpmain_tab2_mids_title"><h3>Video Face Swap</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'" class="lazy" data-src="/static/imghwm/hotarticle2.png" src="/static/imghw/default1.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/1796785841.html" title="어 ass 신 크리드 그림자 : 조개 수수께끼 솔루션" class="phpgenera_Details_mainR4_bottom_title">어 ass 신 크리드 그림자 : 조개 수수께끼 솔루션</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 몇 달 전</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/1796789525.html" title="Windows 11 KB5054979의 새로운 기능 및 업데이트 문제를 해결하는 방법" class="phpgenera_Details_mainR4_bottom_title">Windows 11 KB5054979의 새로운 기능 및 업데이트 문제를 해결하는 방법</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>3 몇 주 전</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/1796785857.html" title="Atomfall에서 크레인 제어 키 카드를 찾을 수 있습니다" class="phpgenera_Details_mainR4_bottom_title">Atomfall에서 크레인 제어 키 카드를 찾을 수 있습니다</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 몇 달 전</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/1796793874.html" title="KB5055523을 수정하는 방법 Windows 11에 설치되지 않습니까?" class="phpgenera_Details_mainR4_bottom_title">KB5055523을 수정하는 방법 Windows 11에 설치되지 않습니까?</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>2 몇 주 전</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/1796787760.html" title="Inzoi : 학교 및 대학에 지원하는 방법" class="phpgenera_Details_mainR4_bottom_title">Inzoi : 학교 및 대학에 지원하는 방법</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>3 몇 주 전</span><span>ByDDD</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'" class="lazy" data-src="/static/imghwm/hottools2.png" src="/static/imghw/default1.png" alt="" /><h2>뜨거운 도구</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/toolset/development-tools/1556" title="맨티스BT" 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'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/004/169206588591843.png" src="/static/imghw/default1.png" alt="맨티스BT" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/toolset/development-tools/1556" title="맨티스BT" class="phpmain_tab2_mids_title"><h3>맨티스BT</h3></a><p>Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/toolset/development-tools/660" title="Atom Editor Mac 버전 다운로드" 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'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ed8cfa94c1a582.jpg" src="/static/imghw/default1.png" alt="Atom Editor Mac 버전 다운로드" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/toolset/development-tools/660" title="Atom Editor Mac 버전 다운로드" class="phpmain_tab2_mids_title"><h3>Atom Editor Mac 버전 다운로드</h3></a><p>가장 인기 있는 오픈 소스 편집기</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/toolset/development-tools/1527" title="VSCode Windows 64비트 다운로드" 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'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/5e2151b57e8e3927.png" src="/static/imghw/default1.png" alt="VSCode Windows 64비트 다운로드" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/toolset/development-tools/1527" title="VSCode Windows 64비트 다운로드" class="phpmain_tab2_mids_title"><h3>VSCode Windows 64비트 다운로드</h3></a><p>Microsoft에서 출시한 강력한 무료 IDE 편집기</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/toolset/development-tools/92" title="메모장++7.3.1" 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'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg" src="/static/imghw/default1.png" alt="메모장++7.3.1" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/toolset/development-tools/92" title="메모장++7.3.1" class="phpmain_tab2_mids_title"><h3>메모장++7.3.1</h3></a><p>사용하기 쉬운 무료 코드 편집기</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ko/toolset/development-tools/1492" title="에디트플러스 중국어 크랙 버전" 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'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/5e21527e79622256.png" src="/static/imghw/default1.png" alt="에디트플러스 중국어 크랙 버전" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ko/toolset/development-tools/1492" title="에디트플러스 중국어 크랙 버전" class="phpmain_tab2_mids_title"><h3>에디트플러스 중국어 크랙 버전</h3></a><p>작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음</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'" class="lazy" data-src="/static/imghwm/hotarticle2.png" src="/static/imghw/default1.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/gmailyxdlrkzn" title="Gmail 이메일의 로그인 입구는 어디에 있나요?" class="phpgenera_Details_mainR4_bottom_title">Gmail 이메일의 로그인 입구는 어디에 있나요?</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>7771</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>15</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/java-tutorial" title="자바 튜토리얼" class="phpgenera_Details_mainR4_bottom_title">자바 튜토리얼</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1644</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>14</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/cakephp-tutor" title="Cakephp 튜토리얼" class="phpgenera_Details_mainR4_bottom_title">Cakephp 튜토리얼</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1399</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>52</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/laravel-tutori" title="라라벨 튜토리얼" class="phpgenera_Details_mainR4_bottom_title">라라벨 튜토리얼</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1296</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>25</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ko/faq/php-tutorial" title="PHP 튜토리얼" class="phpgenera_Details_mainR4_bottom_title">PHP 튜토리얼</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1234</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>29</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><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><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><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><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><script> jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script><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"; } } // 页面加载完成后执行的主函数 document.addEventListener("DOMContentLoaded", () => { // 1. 绑定菜单按钮事件 const bindMenuEvents = () => { const toggleDisplay = (className, show, eventId) => { const element = document.getElementById(eventId); if (element) { element.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"); toggleDisplay("m_menu", true, "lan1sp"); toggleDisplay("m_menu", false, "m_editormain12main_topi_sp"); toggleDisplay("m_menu_lang", true, "lan1"); toggleDisplay("m_menu_lang", false, "m_editormain12main_topi_lan"); }; // 2. 绑定滚动链接事件 const bindScrollLinks = () => { const titleList = document.getElementById("fixed_tab_titlelist"); const menuMain = document.getElementsByClassName("m_editormain12main")[0]; const links = document.querySelectorAll('.fixed_tab_a'); links.forEach(linkElement => { if (linkElement) { linkElement.addEventListener("click", async (e) => { e.preventDefault(); e.stopPropagation(); // 先隐藏菜单 if (menuMain) menuMain.style.display = "none"; if (titleList) titleList.style.display = "none"; // 获取目标元素的 ID const targetId = linkElement.getAttribute('href').substring(1); const targetElement = document.getElementById(targetId); // 等待 DOM 更新 await new Promise(resolve => requestAnimationFrame(resolve)); // 滚动到目标位置 if (targetElement) { targetElement.scrollIntoView({ behavior: "smooth", block: "start" }); } }); } }); }; // 3. 绑定关闭按钮事件 const bindCloseButton = () => { const closeButton = document.querySelector(".phpgenera_Details_mainR1_close"); const container = document.querySelector(".phpgenera_Details_mainR1"); if (closeButton && container) { closeButton.addEventListener("click", (event) => { event.preventDefault(); container.style.display = "none"; }); } }; // 4. 初始化菜单交互功能 const initMenuInteraction = () => { const menuGroupElements = document.querySelectorAll('.layui-menu-item-group'); menuGroupElements.forEach(menuItem => { menuItem.addEventListener('click', function(event) { if (event.target.closest('.m_menusnames')) { return; } this.classList.toggle('layui-menu-item-down'); this.classList.toggle('layui-menu-item-up'); const subMenuContainer = this.querySelector('.m_menusnames'); const icon = this.querySelector('.layui-icon'); if (subMenuContainer && icon) { if (this.classList.contains('layui-menu-item-down')) { subMenuContainer.style.display = 'block'; icon.classList.remove('layui-icon-down'); icon.classList.add('layui-icon-up'); } else { subMenuContainer.style.display = 'none'; icon.classList.remove('layui-icon-up'); icon.classList.add('layui-icon-down'); } } }); }); }; // 5. 初始化 layui 功能 const initLayui = () => { if (typeof layui !== 'undefined') { layui.use(function () { var util = layui.util; if (util && util.fixbar) { util.fixbar({ on: { mouseenter: function (type) { if (layer && layer.tips) { layer.tips(type, this, { tips: 4, fixed: true, }); } }, mouseleave: function (type) { if (layer && layer.closeAll) { layer.closeAll("tips"); } }, }, }); } }); } }; // 执行所有初始化函数 bindMenuEvents(); bindScrollLinks(); bindCloseButton(); initMenuInteraction(); initLayui(); }); </script></body></html>