지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > HTML5에서
태그 요소를 사용하는 방법

HTML5에서
태그 요소를 사용하는 방법

php中世界最好的语言
풀어 주다： 2017-11-22 17:20:37
원래의
7652명이 탐색했습니다.

H5에

태그 요소가 추가되었는데 어떻게 사용하나요? HTML5 버전 이전에는 웹페이지 하단에 저작권을 표시할 때 단락을 표시하기 위해 id="footer" 또는 class="footer"를 사용했지만 H5에서 이 태그를 사용한 이후에는 모든 것이 훨씬 간단합니다.

HTML5

태그 요소는 html5의 하단에 새로운 바닥글 요소 태그를 추가합니다. HTML 5의 새로운 바닥글 태그에 대한 기본 사항을 이해하고 바닥글 CSS 레이아웃 튜토리얼을 이해하여

이전에 했던 일을 기억하세요. HTML5 버전 이전에는 웹 페이지 하단에 저작권을 배치할 때 id="footer" 또는 class="footer"를 사용하는 것이 관례였습니다. HTML 튜토리얼 태그에 대해 자세히 알아보세요!

예를 들어 전통적인 html 레이아웃코드: 

<div id=”footer”>  
　　学习PHP，上m.sbmmt.com! 
</div>
로그인 후 복사

그러나 html5에서는 일반적으로 사용되는 "바닥글"이라는 이름이 html5 요소 태그 멤버로 추가됩니다.

html5 구문구조

1. 구문

<footer> 
    第一行
　学习PHP，上m.sbmmt.com! 
</footer>
로그인 후 복사

2. 바닥글 태그에 ID 추가

<footer id=”abc”> 
    第一行
　学习PHP，上m.sbmmt.com! 
</footer>
로그인 후 복사

3. 바닥글 태그에 클래스 추가

<footer class=”yanshi”> 
    第一行
　学习PHP，上m.sbmmt.com! 
</footer>
로그인 후 복사

4. html5 개발에서는 그냥 일반 div 태그로 취급하지만 일반적으로 웹사이트의 하단 레이아웃에 사용됩니다. 일반적으로 웹페이지에는 하단 영역이 하나만 있으므로 바닥글은 한 번만 사용하는 것이 가장 좋습니다.

참고:

는 HTML5의 새로운 기능이며 IE8 이하

IE 브라우저

와 호환되지 않으므로 주의해서 사용하세요. tml5 바닥글 사용 레이아웃 사례

기존 div 태그 레이아웃과 바닥글 태그 레이아웃을 비교하고 관찰하여 바닥글 태그를 마스터하세요. 동시에 바닥글에 클래스를 추가하고 비교를 위해 빨간색 글꼴을 설정합니다.

1. 완전한 HTML5 레이아웃 예제 코드

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>footer </title> 
<style> 
body{text-align:center} 
/* 传统布局CSS */  
#footer{color:#CCC; background:#630202;border-top:1px solid #871515; padding:10px 0 30px 0; width:100%} 
 
/* HTML5布局样式 直接对footer元素设置样式 */  
footer{ background:#CCC;border-top:1px solid #000; padding:10px 0 30px 0; width:100%} 
.color-F00{ color:#F00}  
</style> 
</head> 
<body> 
<p>传统html 使用div布局</p> 
<div id="footer"> 
　　    第一行
　学习PHP，上m.sbmmt.com! 
</div> 
<p>html5 footer标签布局</p> 
<footer> 
　　    第一行
　学习PHP，上m.sbmmt.com! 
</footer> 
 
<p>html5 footer标签布局设置class</p> 
<footer class="color-F00"> 
　    第一行
　学习PHP，上m.sbmmt.com! 
</footer> 
</body> 
</html>
로그인 후 복사

위는 기존의 html div 태그와 html5 바닥글 태그 레이아웃을 사용하고 바닥글에 대한 클래스도 설정합니다.

이것이

태그의 사용법입니다. 더 흥미로운 것들을 보려면 PHP에 주목하세요. 중국 웹사이트의 다른 관련 기사들! html html 문서 유형 선언을 작성하는 방법;

위 내용은 HTML5에서

태그 요소를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
h5 html5
원천：php.cn
이전 기사：HTML의
태그를 사용하는 방법 다음 기사：HTML5
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...
에서 2024-04-29 11:01:01
0
3
2041
Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?
에서 2024-04-23 00:22:19
0
11
2200
자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.
에서 2024-04-19 15:37:47
0
1
1855
상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');
에서 2024-04-18 23:52:34
0
1
1745
CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어
에서 2024-04-16 10:10:18
0
0
1766
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿