HTML知识点记录(随时更新)

H5新增标签:

article: 标签定义外部的内容。
aside:标签定义 article 以外的内容。a
audio:h5新增音频标签。没有高宽属性。
canvas:h5新增画布标签。
command: 定义命令按钮(未测试)
datalist:标签定义选项列表。
datalist 及其选项不会被想显示出来,它仅仅是合法的输入值列表。
details:标签用于描述文档或文档某个部分的细节。
figure:标签用于对元素进行组合。
figcaption:定义 figure 元素的标题。
footer:定义 section 或 document 的页脚。
header:定义 section 或 document 的页眉。
hgroup:用于对网页或区段(section)的标题进行组合。
keygen:标签规定用于表单的密钥对生成器字段
mark:标签定义带有记号的文本。
meter:通过min="0" max="20"的方式定义度量衡。仅用于已知最大和最小值的度量。
nav:定义document或section或article的导航。
output:定义不同的输出类型,比如脚本。
progress:定义任何类型的任务的进度。
rp:定义若浏览器不支持 ruby 元素显示的内容
rt:定义 ruby 注释的解释
ruby:定义 ruby 注释
section:标签定义文档中的节、区段。比如章节、页眉、页脚或文档中的其他部分。
source:audio和video的属性之一。为audio和video定义媒介源。
summary:为details定义标题。
time:定义日期或时间。
video:h5新增视频标签。具有高宽属性。

XML

每个合格的XML都有唯一的根元素
XML的格式上是要求严格的,每个元素的开闭必须完整,不允许交叉开闭,如
XML常用于WebService中用来做数据交换的标准
XML中元素是大小写敏感的
XML中的数据可以通过XPATH检索查询

CSS样式

1、行内样式(内嵌样式):结构的内部,即写在标签内的样式;写在标签的开始部分内部,style属性当中。

例:<标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>

2、内部样式(内联样式):写在HTML页面内部,存放于head标记当中,样式写在style标记内。

例:

3、外部样式(外联样式):写在css文件内。

例:

CSS 选择器权重计算规则

链接

可继承属性

只有颜色,文字,字体间距行高对齐方式,和列表的样式可以继承。

所有元素可继承:visibility和cursor。 内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。 终端块状元素可继承:text-indent和text-align。 列表元素可继承:list-style、list-style-type、list-style-position、list-style-image。

回流

导致回流发生的因素:

  • 调整窗口大小,浏览器窗口尺寸改变——resize事件发生时
  • 元素尺寸改变——边距、填充、边框、宽度和高度;改变字体大小
  • 页面渲染初始化
  • 元素位置改变
  • 样式表变动
  • 元素内容变化,尤其是输入控件
  • CSS伪类激活
  • DOM操作,添加或者删除可见的DOM元素
  • offsetWidth, width, clientWidth, scrollTop/scrollHeight的计算, 会使浏览器将渐进回流队列Flush,立即执行回流。内容改变——比如文本改变或者图片大小改变而引起的计算值宽度和高度改变

浏览器

-moz代表firefox浏览器私有属性
-ms代表IE浏览器私有属性
-webkit代表chrome、safari私有属性 IE使用的是Trident内核,Firefox 使用的是Gecko内核。目前使用IE内核的浏览器还有搜狗,遨游,360等等。

伪类#

设置元素在其鼠标悬停时的样式。
E元素可以通过其他选择器进行选择,比如使用类选择符、id选择符、类型选择符等等。
特别说明:IE6并非不支持此选择符,但能够支持a元素的:hover ,也就是只支持通过类型选择符选择的a元素的:hover 。

image 和img#

在网页开发中,要显示一个图片,有两种选择:
第一种是使用HTML直接支持的img标签,设置其src属性。
第二种是使用image这个服务器控件,设置其imageurl属性。

DOM#

DOM树中总共分为如下几种节点格式:Element类型(元素节点)、Text类型(文本节点)、Comment类型(注释节点)、Document类型(document节点)。
第一题:document可以说是一种节点格式,但节点树的根节点也叫document,所以第一题的说法太绝对,是错的。
第二题:所有的HTML elements(元素节点,其实就是HTML标签)都是element。
第三题:comments属于注释节点

绑定#

A 直接使用{{value}}绑定变量,会因为加载先后顺序,出现闪屏的现象,官方建议使用ng-bing
C ng-model属于双向绑定 用于Input的输入值和变量绑定起来,不能绑定在div等标签上
B ng-bind=”value“ 直接把变量绑定在标签上,当超过一定数量时,会出现性能问题
D ng-bind="obj.value",官方建议把对象的属性绑定在视图上,其次才是对象本身

自闭合标签#

自闭合标签有<input/><img/><br/><link/><hr/>

WEB#

Web程序对象作用域:
常用的有三个:请求作用域,会话作用域,应用上下文。
请求作用域req范围最小,需要的资源最少,作用当前请求 session会话作用于本次对话,每个对话都有JSessionID, ServletContext作用域范围大:web应用中所有都能够访问,生命周期和web容器一样长,维护所需资源多。 在满足需求内耗费的资源越小越好

HTML知识点记录(随时更新)

上一篇:微信H5单页面滑动的时候如何避免出界,出现头部和底部的黑底?


下一篇:微信开发 api 需要 https 服务器