HTML

作者: 请叫我吉先生 | 来源:发表于2021-03-31 14:19 被阅读0次
    XHTML和HTML的区别
    1. XHTML元素必须被正确的嵌套
    2. XHTML元素必须被关闭
    3. 标签名必须小写
    4. XHTML文档必须有根元素
    浏览器的标准模式和怪异模式

    标准模式是指浏览器按照W3C标准解析代码,怪异模式是浏览器按照自己的方式解析代码,所以不同浏览器可能会产生不用的显示结果.具体用哪种方式与文档头部的DTD声明有关.
    两种模式主要的区别在于盒模型的差异:
    标准css盒模型的宽高是内容区的宽高,不包含borderpadding.而怪异模式则与之相反.

    HTML5的新特性
    1. 更加语义化的新标签
      <header>.<footer>.<nav>.<section>.<article>.<aside>等.
    2. 新增的input属性和类型
    • 类型:<input type='color/date/datetime/datetime-local/email/month/number/range/search/tel/time/url/week'>等等
    • 属性:autocomplete/autofocus/form/min/max/required/step/mutiple等等
    1. SVGCanvas
    • SVG是一个标签,可以为其添加事件;Canvas是用JavaScript绘制的;
    • SVG绘制完成后可以修改,所以其属性发生变化页面会重新绘制;Canvas绘制成功后不可更改,除非全部重新渲染;
    • SVG放大不会失真;Canvas放大会失真;
    • 因为SVGDOM元素,而过多的操作DOM是不提倡的,所以SVG不适合图形游戏的开发;
    1. API
    • Geolocation地理位置
    • LocalStorageSessionStorage本地存储
    • webSocket
    • DregDrop拖拽
    1. 废弃的标签
      <big>/<font>/<center>/<s>/<u><tt>/<frame>/<frameset>等(这里列举的不全)
    2. 如果浏览器不支持HTML5的新特性怎么办
    • html5shiv.js就是解决这一问题的,需在文档中引入:
    <head>
      <!--[if lt IE 9]>
        <script src='./html5shiv.js'></script>
      <![endif]-->
    </head>
    

    相关文章

      网友评论

          本文标题:HTML

          本文链接:https://www.haomeiwen.com/subject/twrohltx.html