Tips On Using Section HTML Tags - BitDegree

Home » What Is Section In Html » Tips On Using Section HTML Tags - BitDegree

Maybe your like

🔥 BitDegree partnered with Ogvio - a free international money transfer service! Join the waitlist & grab Rewards! 🎁

Code has been added to clipboard!

Home| HTML | HTML Tags| <section> HTML section Tag Reading time 1 min Published Jun 29, 2017 Updated Sep 11, 2019

Contents

  • 1. HTML section: Main Tips
  • 1.1. Using HTML section Tags
  • 2. Browser Support

HTML section: Main Tips

  • HTML section tags surround a generic section of the content in a web page or application.
  • They were introduced in HTML5 and support global attributes.
  • If you want to group elements to a generic container, use <div> tag instead.
  • You must use both opening and ending section tags.
DataCamp Pros
  • Easy to use with a learn-by-doing approach
  • Offers quality content
  • Gamified in-browser coding experience
  • The price matches the quality
  • Suitable for learners ranging from beginner to advanced
Main Features
  • Free certificates of completion
  • Focused on data science skills
  • Flexible learning timetable
GET 50% OFF Udacity Pros
  • Simplistic design (no unnecessary information)
  • High-quality courses (even the free ones)
  • Variety of features
Main Features
  • Nanodegree programs
  • Suitable for enterprises
  • Paid Certificates of completion
UP TO 70% OFF edX Pros
  • A wide range of learning programs
  • University-level courses
  • Easy to navigate
  • Verified certificates
  • Free learning track available
Main Features
  • University-level courses
  • Suitable for enterprises
  • Verified certificates of completion
FREE COURSES

Using HTML section Tags

The HTML section element, defined by section tags, defines a section of a document, web page, or an application:

Example Copy <section> <h1>Section Heading</h1> <p>The section tag can contain any elements.</p> <img src="image.png" alt="section example"> </section> Try it Live Learn on Udacity

Elements of a section are similar in theme and thus possible to group together logically. For example, a company's web site might have separate sections for contact information, news, or special offers.

For identification purposes, HTML sections usually have headings, like <h1>, <h2>, ... <h6>.

Note: HTML5 section is called a semantic element, because the tag defines its content. Such elements help browsers understand web pages correctly.

Browser Support

Browser image
Chrome
5+ Browser image
Edge
All Browser image
Firefox
4+ Browser image
IE
9+ Browser image
Opera
11.1+ Browser image
Safari
4.1+

Mobile Browser Support

Browser image
Chrome
All Browser image
Firefox
4+ Browser image
Opera
11.1+ Browser image
Safari
4.2+ Previous Topic Next Topic
HTML
Basics Introduction Syntax Editors Basic Examples Head Section <!DOCTYPE> Tags and Elements Semantic Elements Tags Reference Attributes Comments Block and Inline Elements Forms Form Elements Input Responsive Web Design Inline Scripts Uniform Resource Locator Redirect XHTML Geolocation Drag and Drop Local Storage Web Workers Server-Sent Events
HTML for Text Formatting
Character Encoding Text Formatting Quotation and Citation Elements Headings Paragraphs Links Tables Lists Symbols Space Tab Styles Computer Code
HTML Visuals and Media
Layout Classes Colors Images iframes Audio Player Video Player YouTube Videos Multimedia Canvas SVG
HTML Tags
<!-- --> <a> <abbr> <acronym> DEPRECATED <address> <applet> DEPRECATED <article> <aside> <audio> <b> <base> <basefont> DEPRECATED <bdi> <bdo> <big> DEPRECATED <blink> DEPRECATED <blockquote> <body> <br> <button> <canvas> <caption> <center> DEPRECATED <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <dir> DEPRECATED <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> DEPRECATED <footer> <form> <frame> DEPRECATED <frameset> DEPRECATED <h1> – <h6> <head> <header> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <keygen> DEPRECATED <label> <legend> <li> <link> <main> <map> <mark> <menu> <menuitem> DEPRECATED <meta> <meter> <nav> <noframes> DEPRECATED <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> DEPRECATED <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <tfoot> <th> <thead> <time> <title> <tr> <track> <tt> DEPRECATED <u> <ul> <var> <video> <wbr>
Best-rated MOOCs to Learn Programming:
DataCamp Review 9.8 Read review Udacity Review 9.6 Read review edX Review 9.4 Read review

Related Posts

Selector Reference

CSS selector guide: what is the difference between CSS parent selector and CSS descendant selectors? Learn all about using CSS selector here.

6 min read 1 examples
HTML5 Tags List: Get to Know the Most Useful Elements

Find HTML5 tags explained and illustrated with beginner-friendly HTML5 examples. Grasp the difference between HTML5 tags & elements and learn to use both!

8 min read 35 examples
HTML Head Tag: Tips and Tricks for Using HTML Meta Tags

HTML head section explained. Understand how to define meta data, learn to specify an HTML page title and include HTML meta tags in the HTML head element.

2 min read 4 examples

Related Code Examples

HTML

Content ID of HTML dfn

HTML

HTML a href Deprecated Attributes

HTML

Adding a Line Through HTML Text

HTML

Setting Language With HTML Link Tag

HTML

Form Submission With HTML input Tag

HTML

HTML center Tag SEND MONEY WITH THE BEST RATES

SEND MONEY WITH THE BEST RATES

Join Ogvio & Make Low-Fee Transfers, Instantly Days Hours Minutes Seconds START NOW x SEND MONEY WITH THE BEST RATES

Tag » What Is Section In Html