疯狂html5讲义（一）：HTML5简介

最新推荐文章于 2021-06-18 12:11:44 发布

打不死的小黑

最新推荐文章于 2021-06-18 12:11:44 发布

阅读量1k

点赞数 1

分类专栏： html5css3 文章标签： html5 浏览器 xhtml html 标签

本文链接：https://blog.csdn.net/hzk1562110692/article/details/38351379

版权

html5css3 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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

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

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

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

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>元素表示被强调，可以用以下：

<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>之间插入任何内容！

打不死的小黑

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录