HTML题目笔记

HTML题目笔记

一：
javascript系统方法的描述

• parseFloat方法：该方法将一个字符串转换成对应的小数
  该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。
• escape方法： 该方法返回对一个字符串编码后的结果字符串
  该方法不会对 ASCII 字母和数字进行编码，也不会对下面这些 ASCII 标点符号进行编码： * @ - _ + . / 。其他所有的字符都会被转义序列替换。

<script type="text/javascript">

document.write(escape("Visit W3School!") + "<br />")#Visit%20W3School%21

document.write(escape("?!=()#%&"))#%3F%21%3D%28%29%23%25%26

</script>

• isNaN(x) 函数用于检查其参数是否是非数字值。
  如果 x 是特殊的非数字值 NaN（或者能被转换为这样的值），返回的值就是 true。如果 x 是其他值,则返回 false。
  常用于检测 parseFloat() 和 parseInt() 的结果，以判断它们表示的是否是合法的数字
• eval方法：该方法将某个参数字符串作为一个JavaScript执行
  该方法只接受原始字符串作为参数

二：
id 与class的区别

• 在css样式表中书写时，id选择符前面应该加前缀符号‘#’，而class选择符前面应该加前缀符号‘.’
• 一般情况下id属性在一个页面中只使用一次，但class属性无此限制
• id，用于区分不同的结构和内容，就像名字；class是一个样式，可以套在任何结构和内容上，就像一件衣服。
• id的优先级大于class

三：
HTML中嵌套PHP的方法
1.默认语法:<?php ... ?>
2.短标记:<? ... ?>
3.脚本:
4.asp风格:<% …%>

四：
DHTML 的动态样式的作用
DHTML实现了网页从Web服务器下载后无需再经过服务的处理，而在浏览器中直接动态地更新网页的内容、排版样式和动画的功能。

• 动态内容(Dynamic Content)：动态地更新网页内容，可“动态”地插入、修改或删除网页的元件，如文字、图像、标记等
• 动态排版样式(Dynamic Style Sheets)：W3C的CSS样式表提供了设定HTML标记的字体大小、字形、样式、粗细、文字颜色、行高度、加底线或加中间横线、缩排、与边缘距离、靠左右或置中、背景图片或颜色等排版功能，而“动态排版样式”即可以“动态”地改变排版样式
  示例：当鼠标指针移到文章段落中时，段落能够变成蓝色，或者当鼠标指针移到一个超级链接上时，会自动生成一个下拉式子链接目录

五：
浮动会导致页面的非正常显示，可以使用以下方法且不会造成不稳定状态

• 在浮动元素末尾添加一个空的标签例如 <div style=”clear:both”></div>
• 通过设置父元素overflow值为hidden
• 给父元素添加clearfix类

六：
可用于优化 CSS 图片加载

• CSSSprite：一种网页图片应用处理方式
  它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，就可以加快速度
  优点：
  1.利用CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，
  2.更换风格方便，只需要在一张或少张图片上修改图片的颜色或样式，整个网页的风格就可以改变。维护起来更加方便
• SVGSprite
  它的特性使得各种高清屏幕都不会失真
  SVG即可缩放矢量图形 (Scalable Vector Graphics)的简称, 是一种用来描述二维矢量图形的XML标记语言. SVG图形不依赖于分辨率, 因此图形不会因为放大而显示出明显的锯齿边缘.
• Iconfont
  基本原理是将Icon定义为图片字体, 在CSS中用@font-face引入Icon Font自定义字体, 再利用font-family和字符码显示出指定的图标.
  优点：体积小，矢量，集成度高