모든 HTML5 태그 요약 및 태그 의미 설명_html5 튜토리얼 기술

구조 태그: (블록 요소) 의미 ​​있는 div

태그는 기사를 정의합니다

태그는 페이지 또는 영역의 헤더를 정의합니다

태그는 탐색 링크를 정의합니다

태그는 영역을 정의합니다

태그는 페이지 콘텐츠 부분의 사이드바를 정의합니다

태그는 파일의 블록에 대한 정보를 정의합니다
미디어 콘텐츠 그룹을 정의하고 해당 제목

태그는 그림 요소의 제목을 정의합니다.

태그는 페이지 하단이나 영역을 정의합니다

태그는 WeChat과 유사한 대화 상자(대화 상자)를 정의합니다

멀티미디어 인터랙티브 태그

웹 애플리케이션 태그

명령 목록menu 명령 목록 라벨 FF(내장형 시스템)

메뉴 태그는 명령 버튼을 정의합니다.
시간 상태 표시: 공기압, 온도) C, O
상태 라벨(작업 프로세스: 설치, 로딩) C, F, O

태그는 dt 및 dd C
와 결합된 요소의 세부 내용을 정의합니다.

댓글 태그

태그 정의 댓글 또는 발음 기호 Ruby 요소를 지원하지 않는 브라우저에
태그는 루비 댓글 내용 텍스트를 정의합니다

기타 태그

마크 정의 형식에서 생성된 키 값(암호화된 정보 전송) O, F
마크 정의에는 마크가 있습니다. 텍스트(노란색 선택 상태)

태그는 일부 출력 유형을 정의하고 양식 결과를 계산하며 oninput 이벤트와 협력합니다.

HTML 태그 제거됨

순수한 표현 요소:

basefont, big, center, 글꼴, s, Strike, tt, u

사용성에 부정적인 영향을 미치는 요소:

프레임, 프레임셋, 노프레임

혼란스러운 요소:

acronym, applet, isindex, dir

HTML 태그 재정의

중요한 의미를 나타내기 위해 전달되지 않은 인라인 텍스트를 나타냅니다.

중요한 의미를 나타내기 위해 전달되지 않은 인라인 텍스트를 나타냅니다. 세부 사항 및 그림과 함께 사용할 수 있습니다.

를 사용하여 세부 사항을 요약할 수도 있습니다. 항목의 끝. 표시는 동일하지만
사용자 인터페이스의 메뉴를 재정의하고, 작은 글꼴을 표시하려면 commond 또는 menuitem과 함께 사용하세요. 설명이나 법률 용어 인쇄 등
강조보다는 중요성

샘플 코드:

XML/HTML 코드

클립보드에 콘텐츠 복사

1. xmp>  
2. html>  
3. html>  
4.     머리>  
5.         스타일>  
6.               
7.               
8.             헤더{높이:150px;배경:#ABCDEF}   
9.             nav{높이:30px;배경:#ff9900;여백-상단:100px}   
10.             nav ul li{width:100px;height:30px;float:left;line-height:30px}   
11.               
12.             div{margin-top:10px;height:1000px;}   
13.             섹션{높이:1000px;배경:#ABCDEF;너비:70%;플로트:왼쪽}   
14.             기사{배경:#F90;width:500px;margin:0 auto;text-align:center}   
15.               
16.             옆으로{높이:1000px;배경:#ABCDEF;너비:28%;플로트:오른쪽}   
17.               
18.             바닥글{높이:100px;배경:#ABCDEF;clear:both;margin-top:10px}
19. 스타일>
20.  머리> 
21.  몸> 
22. 헤더>
23.  p>헤더 태그입니다p> 
24.  탐색>
25.  ul>
26.  리>홈페이지리> 
27.  리>밤에 일어나세요리> 
28.  리>포럼리> 
29.  리>몰리> 
30.  리>커뮤니티리> 
31.  ul>
32.                                                            헤더>
33. div>
34. 섹션>
36.  p>섹션 태그입니다p> 
37.  기사>
38.  h2>봄새벽h2>
39.  피>
40.                                                                                                 ~                                                                                    모기가 여기저기 물려요 🎜>                                                                                  죽음은 많지 않습니다.br />  
41.                    p>  
42.                   
43.                기사>  
44.                시간 />  
45.                기사>  
46.                    h2>상학가h2>  
47.                    p>  
48.                    태양광공간조명br />  
49.                    꽃儿对我笑，br />  
50.                    小鸟说早早早，你为什么背上小书包?br />  
51.                    我要炸school校老师不知道，一拉线，赶快跑，br />   
52.                    br />  
53.                    p>  
54.                   
55.                기사>  
56.                시간 />  
57.                그림>  
58.                    figcaption>UFO그림캡션>  
59.                    p>불명비행물 알 수 없는 비행 물체 p>  
60.                그림>  
61.                그림>  
62.                     dt>DDSdt>  
63.                     dd>大屌丝dd>  
64.                그림>  
65.                시간 />  
66.                대화상자>  
67.                    dt>唐僧，你又调皮了，观音姐姐月光宝盒怎么能乱扔呢?dt>
68.  dd>오공:...(보며) dd> 
69.                                                                                                 dt>탕셍: 던지는 것이 잘못된데 맞으면 어떻게 해야 하나요? 어린이? 아이들은 못 때려도 꽃이나 식물을 때리면 안 된다dt> >
 
70. dd>오공:...(얽힌)< ;/dd> 
 
71. dt>당승: 오공아, 먹을래? 당신이 원한다면 그냥 말해 보세요. 말하지 않으면 당신이 그것을 원하는지 어떻게 알 수 있습니까? . . . .dt>
72.                                                                                                                     )dd>  
73.                대화상자>  
74.                시간 />  
75.                메뉴>  
76.                    리>点击리>  
77.                    리>右键单击 리>  
78.                메뉴>  
79.                시간 />  
80.                스팬 컨텍스트 메뉴="candan" >右键单击我试试스팬>
81.                메뉴 유형="컨텍스트"  id="candan">  
82.                    메뉴 항목 라벨="菜单一" 클릭="alert('我是一个寂寞')"  아이콘="http://www.baidu.com/img/baidu_sylogo1.gif">메뉴항목>  
83.                메뉴>  
84.                시간 />  
85.                미터 분="0"  최대="10" 값="5" 낮음="3" 높음 ="7" >미터>  
86.                진행상황 최대="100"  값="0" ID="프로">진행>  
87.                스크립트>  
88.                    var pro =document.getElementByIdx_x_x_x('pro');   
89.                    setInterval(function(){   
90.                        pro.value =1;   
91.                     },100);   
92.                스크립트>  
93.                시간 />  
94.                자세히>  
95.                    dt>这是一个问题?dt>  
96.                    dd>되거나 죽거나 dd>  
97.                    dt>这是一个问题?dt>  
98.                    dd>되거나 죽거나 dd>  
99.                    dt>这是一个问题?dt>  
100.                    dd>되거나 죽거나 dd>  
101.                자세히>  
102.                시간 />  
103.                루비>夼 rp>(rp>rt>kuangrt> rp>)rp>루비>  
104.                시간 />  
105.                여인마크>最喜欢做的事情 표시>就是逛街。。
               于是总结了下女人:逛吃逛吃逛吃逛吃。。。우후~·
106.  섹션>
107.  제쳐두고>
108.  p>외부 태그입니다p> 
109.  hgroup>
110.  h3>여자 기숙사가 자주 도난당하는 이유h3>
111.  h3>왜 한밤중에 200마리의 암퇘지가 비극적으로 죽었을까< ;/h3>
112.  h3>인간 본성의 왜곡인가? h3>
113.                                                                                                 ~ 🎜>>여전히 도덕적 손실!h3>
114.  hgroup>
115.  제쳐두고>
116.  div>
117. 바닥글>
118.  p>바닥글 태그입니다p> 
119.  시간 />
120.  소규모>법적 조항작다> 
121.  소형>문의작다> 
122.  작음>고객 의견작다> 
123.  소규모>가맹점 협력작다> 
124. 바닥글>
125.  몸> 
126. html>
127. xmp>