这是我参与2022首次更文挑战的第10天，活动详情查看：2022首次更文挑战」。​​​

• HTML5新特性:

  • 观念【兼容、化繁为简】 兼容和存在即合理 化繁为简
    doctype
    字符集声明
    浏览器原生代码更替复杂JavaScript
    3 . 更为强大的API
    Selectors API
    Canvas API
    4 . JavaScript日志和调试
    浏览器检查元素--设断点，分析变量
    控制台console【.log API比alart（）好用】--不会阻断浏览器执行
    调试器sources--监听器
    5 . window.JSON
    数据交换格式--JS子集--将被H5重视
    俩典型函数parse（）字符集转DOM
    stringify（）DOM转字符集
    6 . DOM 3
    7 . JavaScript引擎
• • 新标签 画布canvas、iframe 视音svg、audio、video 表单控件date、number、tel、search 语义化header、footer、nav、main、section、引文aside、article、time、数据figure、过程progress
  • local与sessionStorage
  • localWebSocket

• HTTP:

  • 搜索引擎优化SEO Search Engine Optimization 1). 网页title 标题 首页标题：网站名(产品名) - 网站的介绍 28个字以内 2). Keywords 关键字限制在6～8个关键词左右，电商类网站可以多些 3). Description 网站说明字符数含空格不超过 120 个汉字补 title keywords 未能充分的表述用英文逗号 关键词1 , 关键词2
  • logo 1）里面放个 h1 标签，告诉搜索引擎，这个地方很重要 2）h1里面放个链接，返回首页， 给链接一个 大小 和 logo 背景图 3）链接里面放文字（网站名称），为了搜索引擎收录，但是文字不显示

  用 text-indent 移到盒子外面

（text-indent: -9999px) 然后overflow:hidden 淘宝的做法

直接给font-size: 0; 就看不到文字了， 京东的做法

4）最后给链接一个 title，这样鼠标放到logo 上，就可以看到提示文字了

浏览器Browser 用内核（即渲染引擎，解析HTML与CSS，读取网页内容，渲染代码，计算显示方式，呈现页面）区别于js引擎 Chrome Safari IE Firefox Opera 标准WEB 规范代码编写，通过不同浏览器也尽可能展示一致内容 提高页面加载速度 使网站更易于维护 降低网站流量费用 让Web的发展前景更广阔 内容能被更广泛的设备访问 更容易被搜寻引擎搜索

结构HTML身体 表现CSS着装 表现CSS着装

JS作用 表单动态校验（密码强度检测） （ JS 产生最初的目的 ）

网页特效 后端服务端开发(Node.js) 桌面程序(Electron) App(Cordova) 控制硬件-物联网(Ruff) 游戏开发(cocos2d-js)