html
2016-11-07 18:47:13 0 举报AI智能生成
作者其他创作
大纲/内容
HTML
Doctype
1、<!DOCTYPE>声明位于文档中最前面，处于html标签之前，告知浏览器以何种模式来渲染文档
2、严格模式的排版和js运作模式是以该浏览器支持的最高标准运行
3、在混杂模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为，以防站点无法工作
4、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现
2、严格模式的排版和js运作模式是以该浏览器支持的最高标准运行
3、在混杂模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为，以防站点无法工作
4、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现
1、三种DTD类型：严格版本、过渡版本、以及基于框架的HTML文档
2、HTML 4.01 三种文档类型：Strict、transitional、frameset
3、xhtml规定三种XML文档类型：strict、transitional 、frameset
4、standards（标准）模式也是严格呈现模式用于呈现遵循最新标准的网页，而Quriks（包容）模式也就是松散呈现模式或兼容模式，用于呈现为传统浏览器而设计的网页
2、HTML 4.01 三种文档类型：Strict、transitional、frameset
3、xhtml规定三种XML文档类型：strict、transitional 、frameset
4、standards（标准）模式也是严格呈现模式用于呈现遵循最新标准的网页，而Quriks（包容）模式也就是松散呈现模式或兼容模式，用于呈现为传统浏览器而设计的网页
ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。
设立"严格模式"的目的，主要有以下几个：
1. 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;
2. 消除代码运行的一些不安全之处，保证代码运行的安全；
3. 提高编译器效率，增加运行速度；
4. 为未来新版本的Javascript做好铺垫。
注：经过测试 IE6,7,8,9 均不支持严格模式。
缺点：
现在网站的 JS 都会进行压缩，一些文件用了严格模式，而另一些没有。这时这些本来是严格模式的文件，被 merge 后，这个串就到了文件的中间，不仅没有指示严格模式，反而在压缩后浪费了字节。
html兼容性问题
html5
主要是关于图像、位置、存储、多任务等功能的增加
拖拽释放 drag and drop
语义化更好的标签内容 header nav footer aside article section
语音、视频 audio video
画布 canvas API
地理 geolocation
localStorage本地离线存储 长期存储数据，浏览器关闭后数据不丢失
sessionStorage在浏览器关闭后自动删除
表单控件 calendar date time email url search
新的技术webworker websocket geolocation
webSocket如何兼容低浏览器
adobo flash socket\activeX HTMLFile\基于multipart编码发送XHR\基于长轮询的XHR
adobo flash socket\activeX HTMLFile\基于multipart编码发送XHR\基于长轮询的XHR
元素的删除
纯表现的元素:basefont big center font s strike tt u
对可用性产生负面影响的元素：frame frameset noframes
iframe的优缺点
优点：
1、解决加载缓慢的第三方内容如图表和广告等的加载问题
2、 Security sandbox（安全沙箱）
3、并行加载脚本
1、解决加载缓慢的第三方内容如图表和广告等的加载问题
2、 Security sandbox（安全沙箱）
3、并行加载脚本
缺点：
1、iframe会阻塞主页面的onload事件
2、即时内容为空，加载也需要时间
3、没有语义
1、iframe会阻塞主页面的onload事件
2、即时内容为空，加载也需要时间
3、没有语义
浏览器多个标签之间的通信
localstorage,cookie等本地存储方式
块级元素和行内元素
块级
display：black
div ul ol dl li dt dd h1-h6 p
行内
display：inline
a b span input select img strong
void 空元素
没有html内容的是空元素
br hr img input link meta
area base col command embed keygen source track wbr
语义化
html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析
在没有样式的CSS情况下以一种文档格式显示，并且容易阅读
搜索引擎的爬虫依赖于标记来确定上下文和关键字的权重，利于seo
使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解
0 条评论
下一页
