Geek asks and answers

HTML5 semantic web elements - why should I use them in an internal application

Why should I use HTML5 semantic web elements in an internal application? Semantic elements seem good for search engines to determine which elements are specific to navigation, articles, etc. What will I get if I use these elements in HTML-based client applications?

+5
source share
4 answers

Possible winnings:

  • readability
  • Availability
  • Lightweight applications
  • Fewer network restrictions (smaller file sizes)
  • Easier to expand
  • It’s easier to train a second developer to fit in
  • A chance to practice good habits for developing external sites.

Possible disadvantages:

  • None

Basically,

<header>
    <hgroup>
        <h1>Logo and Application Title</h1>
        <h2>Clever Slogan</h2>
    </hgroup>

    <nav>
        <ul>
            <li>Home</li>
            <li>About</li>
            <li>Contact</li>
            <li>Test</li>
            <li>Stuff</li>
        </ul>
    </nav>
</header>

It looks better than ...

<div id="header">
    <div class="top_logo">
        <h1>Logo and Application Title</h1>

        <h2>Clever Slogan</h2>
    </div>

    <div class="navigation">
        <ul>
            <li>Home</li>
            <li>About</li>
            <li>Contact</li>
            <li>Test</li>
            <li>Stuff</li>
        </ul>
    </div>
</div>


<style type="text/css">
    header hgroup {}
    header nav li {}
</style>

,

<style type="text/css">
    #header .top_logo {}
    #header .navigation li {}
</style>
+7

, , , . , iOS-.

+4

. , , , , .

+2

, "" "", -.

maintaning , :

<nav>
    ...
</nav>
<article>
    <h2>Article title</h2>
</article>

:

<div class="navigation">
    ...
</div>
<div class="article">
    <h2>Article title</h2>
</div>

CSS:

$("nav").show();
$("article figure")...

, , , :

  • /

  • ( )

:

<time datetime="1982-07-18">Priyanka Chopra’s birthday</time>
  • (- ).

:

<location lat=51.502064 long=-0.131981>London SW1A 4WW</location>
+2
source

More articles:


All Articles