Показаны сообщения с ярлыком HTML5. Показать все сообщения
Показаны сообщения с ярлыком HTML5. Показать все сообщения

Поддержка HTML5 мобильными устройствами

This site lists many HTML 5 features and which browsers and operating systems support them.

This site lists some of the specific HTML tags and attributes (like the ones shown in this chapter), and details which mobile operating systems support those tags.

Простые HTML заготовки для страниц

HTML 4


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ru" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>pagename</title>
        <meta name="Author" content="author"/>
        <meta name="Description" content="description"/>
        <meta name="Keywords" content="keywords"/>
        <meta http-equiv="Content-type" content="text/html;charset=utf-8"/>
        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
        <link rel="stylesheet" type="text/css" href="style.css"/>
        <style type="text/css">
            .reset          { margin:0; padding:0; }
            .clear          { clear:both; }
            .cleared:after  { content:"."; display:block; height:0; clear:both; visibility:hidden; }
            .right          { float:right; }
            .left           { float:left; }
            a img           { border:0; }
            img             { max-width:100%; }
            body            { margin:0; padding:0; }
        </style>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
            });      
        </script>
    </head>
    <body>
        <div id="wrapper">
            <div id="header"></div>
            <div id="body"></div>
            <div id="footer"></div>
        </div>
    </body>
</html>

HTML5


<!DOCTYPE html>
<html lang="ru">
    <head>
        <title>pagename</title>
        <meta name="Author" content="author">
        <meta name="Description" content="description">
        <meta name="Keywords" content="keywords">
        <meta charset="utf-8">
        <link rel="icon" type="image/x-icon" href="favicon.ico">
        <link rel="stylesheet" type="text/css" href="style.css">
        <style>
            .reset                                          { margin:0; padding:0; }
            .clear                                          { clear:both; }
            .cleared:after                                  { content:"."; display:block; height:0; clear:both; visibility:hidden; }
            .right                                          { float:right; }
            .left                                           { float:left; }
            a img                                           { border:0; }
            img                                             { max-width:100%; }
            header, nav, section, article, aside, footer    { display:block; }
            body                                            { margin:0;padding:0; }
        </style>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script>
            $(document).ready(function(){
            });
        </script>
    </head>
    <body>
        <header></header>
        <nav></nav>
        <section>
            <article></article>
        </section>
        <aside></aside>
        <footer></footer>
    </body>
</html>

HTML5 технологии