HTML
태그 - 코딩의 시작, TCP School

Home » What Is Section In Html » HTML

태그 - 코딩의 시작, TCP School

Maybe your like

.. Search menu TCPschool TCP SCHOOL 소개 수업가이드 로그인 회원가입 검색 회원
  • 코딩 이야기
  • 코딩의 첫걸음
  • 코딩과 데이터
  • 데이터와 소통
  • 코딩의 고수
  • 인터넷의 이해 Web Basic
  • 코딩 사고 코딩수학
  • 스스로 학습 Deep Learning
  • 2018년도 개정판 딥러닝(개정판)
  • 코딩의 첫걸음 HTML
  • HTML 태그의 모든 것 HTML Tag 레퍼런스
  • 웹 페이지의 스타일 CSS
  • 모션을 넣은 웹 프로그래밍 JavaScript
  • 웹 서버 프로그램 대표 PHP
  • 요즘 뜨는 언어 Python
  • 2018년도 개정판 Python(개정판)
  • 데이터 저장 MySQL
  • 자바스크립트를 쉽고 빠르게 JQuery
  • 데이터를 내 맘대로 XML
  • 웹 페이지와 대화를 AJAX
  • 빠르게 읽는 데이터 포맷 JSON
  • 대표적인 객체 지향언어 JAVA
  • 시스템 프로그래밍 C
  • C+ 객체 지향 C++
  • 풀스택 개발의 시작 React
  • 코딩지도사 코딩지도사 자격정보
  • 코딩전문가 코딩전문가 자격정보

<section>

<section>

  • HTML 태그 레퍼런스
  • HTML 태그
  • <!-- -->
  • <!DOCTYPE>
  • <a>
  • <abbr>
  • <acronym>
  • <address>
  • <applet>
  • <area>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
  • <basefont>
  • <bdi>
  • <bdo>
  • <big>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <canvas>
  • <caption>
  • <center>
  • <cite>
  • <code>
  • <col>
  • <colgroup>
  • <data>
  • <datalist>
  • <dd>
  • <del>
  • <details>
  • <dfn>
  • <dialog>
  • <dir>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <embed>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <font>
  • <footer>
  • <form>
  • <frame>
  • <frameset>
  • <h1> - <h6>
  • <head>
  • <header>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <input>
  • <ins>
  • <kbd>
  • <label>
  • <legend>
  • <li>
  • <link>
  • <main>
  • <map>
  • <mark>
  • <meta>
  • <meter>
  • <nav>
  • <noframes>
  • <noscript>
  • <object>
  • <ol>
  • <optgroup>
  • <option>
  • <output>
  • <p>
  • <param>
  • <picture>
  • <pre>
  • <progress>
  • <q>
  • <rp>
  • <rt>
  • <ruby>
  • <s>
  • <samp>
  • <script>
  • <section>
  • <select>
  • <small>
  • <source>
  • <span>
  • <strike>
  • <strong>
  • <style>
  • <sub>
  • <summary>
  • <sup>
  • <table>
  • <tbody>
  • <td>
  • <template>
  • <textarea>
  • <tfoot>
  • <th>
  • <thead>
  • <time>
  • <title>
  • <tr>
  • <track>
  • <tt>
  • <u>
  • <ul>
  • <var>
  • <video>
  • <wbr>
◀ 이전 다음 ▶

HTML <section> 태그

정의 및 특징

<section> 태그는 HTML 문서에 포함된 독립적인 섹션(section)을 정의할 때 사용합니다.

<section> 요소는 보통 제목 요소(h1~h6)를 자식 요소로 포함하고 있는 경우가 많습니다.

예제
<section> <h1>HTML</h1> <p>HTML(HyperText Markup Language)은 하이퍼텍스트 마크업 언어(HyperText Markup Language)라는 의미의 웹 페이지를 위한 마크업 언어이다.</p> </section> <section> <h1>HTML의 역사</h1> <p>최초의 HTML은 1991년 말에 버너스리가 처음으로 인터넷에서 문서를 "HTML 태그"(HTML tag)로 부르면서 시작되었다.</p> </section>

코딩연습 ▶

지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera
<section> 5.0 지원함 9.0 4.0 4.1 11.1

HTML5 미지원 브라우저에서의 사용 방법

인터넷 익스플로러 8 또는 그 이하 버전처럼 HTML5를 지원하지 않는 브라우저이거나 해당 브라우저의 스크립팅 기능이 꺼져있을 경우에는 HTML5의 섹션과 제목 요소를 제대로 지원하기 위해 다음과 같은 코드를 추가해야 합니다.

<!--[if lt IE 9]> <script> document.createElement("article"); document.createElement("aside" ); document.createElement("footer" ); document.createElement("header" ); document.createElement("hgroup" ); document.createElement("nav" ); document.createElement("section"); document.createElement("time" ); </script> <noscript> 여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. </noscript> <![endif]-->

HTML5에서 변경된 사항

<section> 태그는 HTML5에서 새롭게 추가된 요소입니다.

CSS 기본값

section { display: block; }

DOM 인터페이스

interface HTMLElement : Element

[HTMLConstructor]

interface HTMLElement : Element {

// metadata attributes

[CEReactions] attribute DOMString title;

[CEReactions] attribute DOMString lang;

[CEReactions] attribute boolean translate;

[CEReactions] attribute DOMString dir;

[SameObject] readonly attribute DOMStringMap dataset;

// user interaction

[CEReactions] attribute boolean hidden;

void click();

[CEReactions] attribute long tabIndex;

void focus();

void blur();

[CEReactions] attribute DOMString accessKey;

[CEReactions] attribute boolean draggable;

[CEReactions] attribute boolean spellcheck;

void forceSpellCheck();

[CEReactions, TreatNullAs=EmptyString] attribute DOMString innerText;

};

HTMLElement implements GlobalEventHandlers;

HTMLElement implements DocumentAndElementEventHandlers;

HTMLElement implements ElementContentEditable;

// Note: intentionally not [HTMLConstructor]

interface HTMLUnknownElement : HTMLElement { };

연관 페이지

HTML 의미 요소 수업 ⇒

연습문제

  • 연습문제1
  • 연습문제2
  • 연습문제3
  • 연습문제4
  • 연습문제5
◀ 이전 다음 ▶ TCP SCHOOL 소개 개인정보처리방침 사이트 이용규정 공지사항 질문답변 소스&팁 광고/제휴문의

접속자집계

오늘 3,131 어제 2,723 최대 13,726 전체 15,014,070 Copyright © 2018 tcpschool.co.,Ltd. All rights reserved. Contact webmaster for more information. 팝업 레이어입니다.

Tag » What Is Section In Html