[学习笔记]html+css+js特性

[学习笔记]html+css+js特性

  • html
  • css
  • js

  • html

1.语义特性

HTML5会赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa、微数据、微格式、等方面的支持,构建对程序、对用户更有价值的数据驱动Web。

好处:
① HTML5可以让很多更语义化结构化的代码标签代替大量的无意义的div标签
②这种语义化的特性提升了网页的质量和语义
③对搜索引擎更加的友好

<div>div>
/*被精简为*/ <head>head> /*等*/

2.本地存储特性

基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这全得益于HTML5 APP Cache、本地存储功能、Indexed DB(HTML5本地存储最重要的技术之一)和API说明文档。

解决问题:
cookie存储的信息量不多且不能够大量存储。

好处:
提供了访问特定域名下的会话存储或本地存储的功能。

3.设备兼容特性

从Geolocation功能的API文档公开以来,HTML5为网页应用开发者提供了更多功能上的优化选择,带来了更多体验功能。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可直接与浏览器内部的数据直接相连,譬如:视频影音可直接与microphones及摄像头相联。

好处:
使外部应用可以直接与浏览器内部的数据直接相连。

4.连接特性

更有效的连接效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到实现。HTML5拥有更有效的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个特性,这两个特性能帮助我们实现服务器将数据“推送”到客户端的功能。

5.网页多媒体特性

支持网页端的Audio、Video等多媒体功能,与网站自带的APPS、摄像头、影音功能相得益彰。

6.三维、图形、特效特性

基于SVG、Canvas、WebGL、CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。

7.性能、集成特性

没有用户会永远等待你的Loading——HTML5会通过XML Http Request 2等技术,解决以前的跨域问题,帮Web应用和网站在多样化的环境中更快速工作。

8.css3特性

在不牺牲性能和语义结构的前提下,CSS3中提供了更多的风格、更强的效果。此外,较以前的Web排版,Web的开放字体格式(WOFF)也提供了更高的灵活性和控制性。

  • css

1.层叠性

层叠性是多种CSS样式的叠加,是浏览器处理样式冲突的方式。在HTML中对于同一个元素可以有多个CSS样式存在,当有相同权重的样式存在时,会根据这些样式出现的先后顺序来决定,处于最后面的CSS样式将会覆盖前面的CSS样式

div{
    color:red;
}
div{
    color:blue;
}
/*后面的样式会覆盖前面的样式*/

注意:
①样式不冲突,不会层叠。
样式冲突,遵循就近原则。 长江后浪推前浪,后面样式盖前+

2.继承性

简单的理解为—“子承父业“,是指子标签会继承父标签的某些样式,如文本颜色和字号。想要设置一个可继承的属性,只需将它应用于父元素即可。

<style>
    div{color:pink;font-size:20px;}
style>
<div>
    <span>
        我是什么颜色的?
    span>
div>

注意:
①合理使用继承可以简化代码,降低CSS样式的复杂性。对于字体、字号、颜色、行距等文本类属性具有继承性,都可以在body中统一设置,然后影响文档中所有文本。
②但是,并不是所有的CSS属性都可以继承,如边框、外边距、内边距、背景、定位、元素高度等与块级元素相关的属性都不具有继承性

3.优先级

注意:
继承样式的权重为0 。也就是说,在嵌套结构中,无论父元素样式权重多大,子元素继承时,应用在子元素上的权重都为0,即子元素定义的样式会覆盖所有继承来的样式
行内样式优先。应用style属性的元素,其行内样式的权重非常高,可以理解为远大于100。总之,他拥有比上面提高的选择器都大的优先级。
③权重相同时,CSS遵循就近原则。也就是说靠近元素的样式具有最大的优先级,或者说排在最后的样式优先级最大。
④CSS定义了一个!important命令,该命令被赋予最大的优先级。也就是说不管权重如何以及样式位置的远近,!important都具有最大优先级。

  • js

1.解释性语言。不需要提前预编译。
2.弱类型语言。在定义变量的时候不需要定义变量的类型。变量是松散类型,即可以用来保存任何类型的数据。
3.没有块作用域(if,for都是块),但有函数作用域
4.重复定义变量并不会报错,定义的新变量的值会覆盖之前定义的值。函数也是一样。
5.相对安全的脚本语言(JavaScript语言不允许访问本地的硬盘,且不能将数据存入服务器,不允许对网络文档进行修改和删除。从而有效的防止数据的丢失或对系统非法访问。)
6.事件驱动的脚本语言。
7.跨平台的脚本语言(JavaScript依赖的是浏览器本身,与其操作环境无关,只要计算机能运行浏览器,并支持JavaScript的浏览器,就可以正确执行。)

你可能感兴趣的:(学习笔记,javascript,html,css)