8种机械键盘轴体对比
本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?
XMl、HTML与XHTML的区别
一、XMl、HTML与XHTML的区别
xml:被设计来传输和存储数据、一种数据格式
html:超文本标记语言、被设计来展示数据
xhtml:可扩展超文本标记语言、与html蕾丝,但相对于html,要求更为严格。
html是超文本标记语言,xhtml是可扩展超文本标记语言。
二、常用的HTML标签
块级
div、table、from、h1、h2、h3、hr、ul、
行内
span、img、input、br、a、em
三、HTML5概念
html5是html的一个新标准。在2014年,html5.0版本发布
#####一、如何区别html和html5
HTML4中需要指明是HTML的哪个版本,HTML5不需要,只使用即可
#####二、html5的新特性
2014年,html5.0版本终于发布,距离上一个版本1999年制定的html4已经有十几年的时间,html5为我们带来了很多前所未有的新特性。比如语义化标签、本地存储、多媒体、
1、语义化
H5增加了新标签,header、footer、nav、audio、vedio、article、aside、section、
新增了input 类型
移除了一些标签
纯表现的元素:basefont,big,center,font, s,strike,tt,u;
对可用性产生负面影响的元素:frame,frameset,noframes
优点:写出的HTML代码,符合内容的结构化(内容语义化),给网页更好的结构和意义,对搜索引擎更友好。特别是新闻类,博客类网站受益很大。
缺点:使用新特性,如何兼容不支持的浏览器。(IE11支持,其他浏览器大部分支持)
2、本地存储特性
本地存储历史
cookie(最早、4kb)->然后是H5的 localStorage、sessionStorage
getItem()、setItem()、removeItem()
***注意:H5本地存储只存储字符串,所以需要自己进行类型转换。
3、设备访问特性
地理位置API、媒体访问API
4、连接特性
5、网页多媒体特性
audio 和 video标签
6、三维、图形及特效特性
二、标准模式与怪异模式
浏览器对html和css的解析有两种模式,标准模式和怪异模式。
浏览器会根据html的文档类型声明来决定使用哪一种模式。(文档类型声明说明html的版本)
Html5
Html4.01
/p>
"http://www.w3.org/TR/html4/loose.dtd">
两种模式的常见区别
盒模型的处理差异
标准模式会使用标准盒模型来渲染,怪异模式会使用怪异盒模型(ie盒模型)来渲染。
行内元素的垂直对齐
标准模式的会对齐基线,怪异模式会对齐底部。
四、data-的好处
Html5的新特性之一。用户可以使用data-来定义一些数据存储到标签里。避免用户自定义属性来存储和操作数据。
console.log("data-myname:",document.getElementById("testDiv").dataset.myname);
console.log("data-myname:",document.getElementById("testDiv").getAttribute("data-myname"));
五、meta标签
标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。
典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。
一般的meta标签
常用的比如1、设置编码格式,那么浏览器在请求html的时候,服务器会在http头上带有
Content-Type: text/html; charset=UTF-8
2、设置http-equiv,它把content属性关联到http 头
那么设置
则http头上带有X-Ua-Compatible: IE=Edge,chrome=1 (参考百度的网站)
X-UA-Compatible字段是用来定义浏览器的渲染方式,比如:使用IE内核浏览器来访问,会渲染至该浏览器的最高版本,比如你使用IE9浏览器,那么就算在兼容模式切换至IE7,但仍会渲染成IE9的样子。
3、设置name,把content属性关联到一个名词
比如设置:
设置renderer:webkit,由于国内部分浏览器是双核浏览器,一个是快速渲染的webkit内核,一个是ie内核。
####七、css js放置位置和原因
网站加载的整个完整过程。
1.首先浏览器从服务器接收到html代码,然后开始解析html
2.构建DOM树(根据html代码自顶向下进行构建),并且在同时构建渲染树
3.遇到js文档加载执行,将阻塞DOM树的构建;遇到css文档,将阻塞渲染树的构建
script标签中的defer属性:构建DOM树的过程和js文档的加载异步(并行)进行,但是js文档执行需要在DOM树构建完成之后
script标签中的async属性:构建DOM树、渲染树的过程和js文档的加载和执行异步(并行)进行)
综上所述,script标签最好放在