• 即将更新编译原理,机器学习,JavaScript,HTML/CSS等文章,谢谢关注~
  • 由于算法限制,搜索时注意简化关键字,谢谢支持~
  • 网站不兼容IE5.0及以下,请使用主流浏览器访问.
  • HTML5与HTML4区别

    什么是html5呢?

    html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言,随后和W3C的xhtml2.0(标准)相结合,产生现在最新一代的超文本标记语言。可以简单点理解成:HTML 5 ≈ HTML+CSS 3+JS+API。

    hmtl5于html的区别

    我们现在web前端开发的静态网页,一般都是html4.0。同时是符合W3C的xhtml1.0规范来的。那么他们两者又有什么实质性的区别呢?

    1.在文档类型声明上

    html:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

    <html xmlns=”http://www.w3.org/1999/xhtml”>

    html5:<!doctype html>

    由这两者对比可见:在文档声明上,html有很长的一段代码,并且很难记住这段代码,想必很多人都是靠工具直接生成的吧?而html5却是不同,只有简简单单的声明,这也方便人们的记忆。

    2.在结构语义上

    html:没有体现结构语义化的标签,我们通常都是这样来命名的<div id=”header”></div>.这样表示网站的头部。

    html5:在语义上却有很大的优势。提供了一些新的标签,比如:<header><article><footer>

    3.标签

    •  <canvas>标签替代Flash
    • 新增 <header> 和 <footer> 标签,语义化标签,目的是给搜索引擎用的。
    • 新增 <section> 和 <article> 标签,有利于清晰化网页的结构,更有利于SEO。
    • 新增 <menu> 和 <figure> 标签
    • 新增 <audio> 和 <video> 标签,这两个标签是用来播放音频和视频的。
    • 全新的表单
    • 删除 <b> 和 <font> 标签
    •  删除 <frame>, <center>, <big> 标签

    HTML5的相关内容

    定义:它是W3C与WHATWG(网页超文本应用结束基础工作小组)合作的结果

    HTML(超文本标记语言)

    标记:<>  </>  hr、br、input 都为空标记

    元素:html、head、body、body中有块级元素和内嵌元素

    属性:class、id、style、title

    width = X% :指代页面宽度为父级元素的X%

    target = “_blank” 跳转到新页面

    iframe 链接到本页面显示

    “+” 紧挨着的兄弟元素

    “>” 子类元素,必须是儿子

    “~” 包括下面的所有亲兄弟元素

    P 元素当中不允许书写行级元素

    设置字体的em单位,相对于M的大小

    HTML5所支持的功能

    • 1.强化了Web的表现性
    • ——支持网页多媒体
    • ——提供Canvas
    • ——三维、图形及特效
    • 2.支持语义化标签
    • 3.新的表单标签
    • 4.增加离线本地存储

    参考资料

    https://blog.csdn.net/actionActivity/article/details/53708282

    https://blog.csdn.net/shangirl/article/details/52099037

    读者评分
    [评分人数: 1 平均分: 5]

    评论

    OmegaXYZ