HTML5에서
- php中世界最好的语言원래의
- 2017-11-22 17:20:377649검색
H5에 c37f8231a37e88427e62669260f0074d 태그 요소가 추가되었는데 어떻게 사용하나요? HTML5 버전 이전에는 웹페이지 하단에 저작권을 표시할 때 단락을 표시하기 위해 id="footer" 또는 class="footer"를 사용했지만 H5에서 이 태그를 사용한 이후에는 모든 것이 훨씬 간단합니다.
HTML5 c37f8231a37e88427e62669260f0074d 태그 요소는 html5의 하단에 새로운 바닥글 요소 태그를 추가합니다. HTML 5의 새로운 바닥글 태그에 대한 기본 사항을 이해하고 바닥글 CSS 레이아웃 튜토리얼을 이해하여 c37f8231a37e88427e62669260f0074d
이전에 했던 일을 기억하세요. HTML5 버전 이전에는 웹 페이지 하단에 저작권을 배치할 때 id="footer" 또는 class="footer"를 사용하는 것이 관례였습니다. HTML 튜토리얼 태그에 대해 자세히 알아보세요!
예를 들어 전통적인 html 레이아웃코드:
<div id=”footer”> 学习PHP，上www.php.cn! </div>
그러나 html5에서는 일반적으로 사용되는 "바닥글"이라는 이름이 html5 요소 태그 멤버로 추가됩니다.
html5 구문구조
1. 구문
<footer>
第一行
学习PHP，上www.php.cn!
</footer>2. 바닥글 태그에 ID 추가
<footer id=”abc”>
第一行
学习PHP，上www.php.cn!
</footer>3. 바닥글 태그에 클래스 추가
<footer class=”yanshi”>
第一行
学习PHP，上www.php.cn!
</footer>4. html5 개발에서는 그냥 일반 div 태그로 취급하지만 일반적으로 웹사이트의 하단 레이아웃에 사용됩니다. 일반적으로 웹페이지에는 하단 영역이 하나만 있으므로 바닥글은 한 번만 사용하는 것이 가장 좋습니다.
참고: c37f8231a37e88427e62669260f0074d는 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，上www.php.cn!
</div>
<p>html5 footer标签布局</p>
<footer>
第一行
学习PHP，上www.php.cn!
</footer>
<p>html5 footer标签布局设置class</p>
<footer class="color-F00">
第一行
学习PHP，上www.php.cn!
</footer>
</body>
</html>위는 기존의 html div 태그와 html5 바닥글 태그 레이아웃을 사용하고 바닥글에 대한 클래스도 설정합니다.
이것이 c37f8231a37e88427e62669260f0074d 태그의 사용법입니다. 더 흥미로운 것들을 보려면 PHP에 주목하세요. 중국 웹사이트의 다른 관련 기사들! html html 문서 유형 선언을 작성하는 방법;
위 내용은 HTML5에서