test1 *{margin: 0;padding: 0;} hello,word;一个完整页面代码，保存两个部分：申明网页遵守的标准和html代码；html代码部分有分为了两部分 head块和body块，head用于声明字符集、页面标题和应用js文件或者css文件等，body块就是我们实实在在能在网页上看见的内容代码。为了让我们页面布局更准确，所以style首先设置“margin: 0;padding: 0”,不同浏览器对div一些默认的约束。在使用标签的时候，通篇都使用div标签，其它（如：list标签）少用，在标签上达到个个浏览器统配性(个人教训：标签种类越用得多，页面通用就越差)。
$("button").click(function(){ $.ajax({ type: "GET",data: {key1:value1},url:"https://www.toutiao.com/",success:function(result){ $("#div1").html(result); }});});</script>
对js要求：原生的js代码，可以不用写，但是你一定看得懂。而在实际工作中，大部分都是使用js框架（如：jquery，vue.js等框架），这些框架都是对js的封装，而且在各大浏览器兼容性方面也做得很出色（框架研发商们处理一些脏、乱活，我们只要调用就ok）。我推荐的还是jquery（vue.js近几年挺火），特别是网络请求方面，无论是get、post，更高级的ajax请求，都可以很好的兼容，而且使用很方面（不用关心http请求具体协议内容，如果有兴趣的可以看我以前文章）。
如果你项目要求全适配，由于pc和手机屏幕比例不一样，而且为了良好体验度，在细节的布局也会发生不一样的，所以只能做两个不同网页代码。对于用户设备配备，完全有webserver服务器代码来判断就好。
最后，网页的websocket双工通讯，它区别于传统（socket通讯），完全不用自己分包，由本身协议自动处理，自动监听服务区消息，常常语言聊天工具和h5游戏（打开游戏新大门），懂的了websocket会让你技术能力巨大提升。
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
