2.9.1HTML5与HTML4的区别

2.9.1HTML5与HTML4的区别

HTML5推出的理由,解决Web上存在的ge各种问题：1.Web浏览器之间兼容性低 2.文档结构不够明确 3.Web应用程序功能受到限制

语法的改变：1.内容类型：扩展名不变 2.DOCTYPE声明：  3.指定字符编码 4.可以省略标记的元素： 5.具有boolean值的属性 6.省略引号

2.9.2新增的元素和废除的元素

新增的结构元素：section、article、aside、header、hgroup、footer、nav、figure

新增的其他元素：video、audio、embed、mark、progress、meter、time、ruby、rt、

新增的input元素的类型：email、url、number、range、Date Pickers、、、、、、、

废除的元素：1.不能使用CSS替代的元素：basefont、big、center、font、s、tt、u、

2.不能使用frame框架

新增的属性和废除的属性：

1.表单相关

2.链接相关

3.其他

废除的属性

2.10.1全局属性

1.contentEditable：（boolean）鼠标点击进行编辑

2.defignMode：

3.hidden：（boolean）不渲染该元素，该元素不可见

4.spellcheck：拼写、语法检查

5.tabindex：按tab遍历焦点

2.10.1article元素：代表独立完整可被外部引用的内容

1.可嵌套使用 2.可用来表示插件

嵌套范例：

    

        
学习空间
        
Hello,欢迎
    
    

        

            作者
        
        

            评论
        
        

            time
        
    
    

        
相关链接
    

使插件看起来和内嵌页面一样：

    
内嵌页面
    

2.10.2section元素：用于对网站或应用程序中页面上的内容分块。

1.当一个容器元素要被直接定义样式或通过脚本定义行为时，推荐用div而非section

2.不要为一个没有题目的内容区域块使用section元素

3.article元素可以看作一个特殊的section元素，比section元素更加强调独立性，section元素强调分块，如果一块内容比较独立完整，优先使用article元素，将一段内容分成几块，使用section元素。

2.10.3nav元素：可以用作页面导航的连接组，其中的导航元素链接到其他页面或者当前页面的其他部分。

将主要的基本的连接组放入nav元素即可。

应用场景：传统导航条、侧面栏导航、页内导航、翻页导航

注意事项：不要用marquee元素做导航，marquee元素是用在一系列发出命令的菜单上，是一种交互性元素，使用在web应用程序中

2.10.4aside元素：用来表示当前页面或文章的附属信息部分，可包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其他类似的有区别于主要内容的部分。

1.对文章的解释

    
语法
    
文章的正文
    

        
名词解释
        
1.巴拉巴拉巴拉
    

2.附属信息部分：侧边栏：链接，博客列表，广告单元。。

    

        
评论
        

            
2018-9-11
            
写的真有意思
        
    

2.10.5time元素与微格式

2015-10-10
开始与结束标记之间的内容显示在网页上
2015-10-10
T日期与时间之间用T表示，也表示一个间隔 时间符
2015-10-10
Z表示使用的是UTC标准时间
2015-10-10
+。。。表示另一个时间的时差

pubdate：可选的，布尔类型属性，可以用在article元素中的time元素上，表示文章或者网页的发布日期

    

        
文章

        
发布日期
            2015-10-10
        
        
舞会时间
            2015-10-12
        
    

例子中有两个time，使用pubdate指出明确的发布时间