HTML练习
HTML标签解释
- <fieldset> 标签 : fieldset 元素可将表单内的相关元素分组。所有浏览器都支持 <fieldset> 标签。----示例一
- 在标签中可以定义多个class; ---示例二
示例一:
<form>
<fieldset>
<legend>健康信息</legend>
身高:<input type="text" />
体重:<input type="text" />
</fieldset>
</form>
示例二 :
<input type="text" class="Class1 Class2"/> ---多个class中间加空格。
调试方法及工具:
- firebug ---firefox 浏览器专用
-
console.info("这是info");
-
console.debug("这是debug");
-
console.warn("这是warn");
-
console.error("这是error");
-
console.log("%d年%d月%d日",2011,3,26); ---占位符
-
console.log("圆周率是%f",3.1415926);
- console.group()和console.groupEnd()。 ---分组显示
- console.dir()可以显示一个对象所有的属性和方法。
- console.dirxml()用来显示网页的某个节点(node)所包含的html/xml代码。
- console.assert()用来判断一个表达式或变量是否为真。如果结果为否,则在控制台输出一条相应信息,并且抛出一个异常。
- console.trace()用来追踪函数的调用轨迹。
- console.time()和console.timeEnd(),用来显示代码的运行时间。
- 性能分析(Profiler)就是分析程序各个部分的运行时间,找出瓶颈所在,使用的方法是console.profile()。
-
- js调试功能我觉得挺好用的,F12进入,选择脚本栏,打断点,然后启动调试 F10 单步跳过、F11单步进入,F5等等,右侧还可监测变量 ---IE浏览器
- 用alert 调试js
HTML元素dl,dt,dd:
dl —— define list——定义列表
dt —— define list title —— 用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题。注意:其中不能包含 hx 元素。
dd —— define list define —— 用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解释。
dl 列表中有较为强烈的“描述”、“解释”、“补充”意义。 dt 和 dd 有明显的逻辑关系,dd 从属于 dt,dd 中的内容是对 dt 的“描述”、“解释”、“补充”。另外,dd 之间虽然是平行关系,但是其描述的内容是多角度的,不同于单纯的 li。
例如:
<dl>
<dt>JavaScript权威指南</dt>
<dd>出版社:xxx</dd>
<dd>ISBN: xxx</dd>
<dd>售价:xxx</dd>
</dl>
<ul>
<li>JavaScript权威指南</li>
<li>JavaScript Dom 高级程序设计</li>
<li>ppk 谈 JavaScript</li>
</ul>