HTML5入门基础教程

1.在html发展历史中,最广为人知的是html3.2和html4.01.

2.将html与xml的长处加以结合,从而得到xhtml,xhtml是更严格、更纯净的html代码。

3.W3C组织使用DTD(Document Type Definition,文档类型定义)来定义html和xhtml的语义约束,包括出现那些元素,支持哪些属性。

4.html5是规范制定者对现实的妥协。

--------------------------------------分割线 --------------------------------------

HTML5 地理位置定位(HTML5 Geolocation)原理及应用

HTML5移动开发即学即用(双色) PDF+源码

HTML5入门学习笔记

HTML5移动Web开发笔记

HTML5 开发中的本地存储的安全风险

《HTML5与CSS3权威指南》及相配套源码

关于 HTML5 令人激动的 10 项预测

HTML5与CSS3实战指南 PDF

--------------------------------------分割线 --------------------------------------

5.HTML5的优势

1>主流浏览器:IE(9)、chrome、firefox(firefox4)、opera(opera10)、safari(safari5)

2>部分替代了原来的js:如自动获取焦点:<input type=text autofocus name=price>

3>更明确的语义支持:代替清一色的div页面结构

<!DOCTYPE HTML>
     
    <html>
     
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title>Website Title</title>
        </head>
     
        <body>
     
          <strong> <header>
                <nav></strong>
                    <ul>
                        <li>Home</li>
                        <li>Contact</li>
                    </ul>
              <strong> </nav>
            </header>
     
            <section>
     
                <article> </strong>
                    <header>
                        <h2>Title Goes here</h2>
                        <p>Posted on <time datetime="2012-07-28T13:00:24+01:00">July 28th 2012</time> by <a href="#">Author</a> - <a href="#comments">12 comments</a></p>
                    </header>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
              <strong> </article>
     
                <article></strong>
                    <header>
                        <h2>Article title</h2>
                        <p>Posted on <time datetime="2012-07-26T13:00:24+01:00">July 26th 2012</time> by <a href="#">Author</a> - <a href="#comments">9 comments</a></p>
                    </header>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                <strong></article>
     
            </section>
     
            <aside> </strong>
                <h2>Contact Us</h2>
                <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
          <strong> </aside>
     
            <footer></strong>
                <p>Copyright 2012 DigiMantra Labs ?</p>
          <strong> </footer> </strong>
     
        </body>
     
    </html>

上述<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 可以简化为<meta  charset="UTF-8" />

<em>元素表示被强调,可以用以下:

<time>2014-08-02</time>

<mark>被标记的文本</mark>

4>增强了web应用程序的功能

6.html5的基本结构:

<! DOCTYPE html>: DTD定义

基本结构像5.3>代码所示

7.html5的语法变化

    1>标签不再区分大小写

    2>元素可以省略结束标签

                          eg:img、input、hr、embed、link、p、tr、td、th、thead、tbody等,可以省略全部标签的元素:html、head、body、tbody。

    3>可以省略属性值得属性 

                          eg:selected、disabled、checked、readonly、multiple、nowrap等

    4>允许属性值不使用引号(含有空格等容易引起浏览器混淆的属性值建议用引号)

8.注意:

不要在<html>和<head>之间插入任何内容!

不要在</head>和<body>之间插入任何内容!

不要在</body>和</html>之间插入任何内容!

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/b6594dbcf34fd5aaa14a4705333d03b7.html