web前端第四节课

src和href之间存在区别，能混淆使用。src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。

src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。

<script src ="js.js"></script>

当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

 

href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，如果我们在文档中添加

<link href="common.css" rel="stylesheet"/>

那么浏览器会识别该文档为css文件，就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用link方式来加载css，而不是使用@import方式。

 

placeholder怎样用IE和谷歌上显示统一内容
击“开始”菜单中的“运行”命令，并在其对话框中输入“gpedit.msc”命令，进入“组策略”操作窗口。

　　 在“组策略”左操作窗口中依次选择“用户配置→Windows设置→Internet Explorer维护→浏览器用户界面”。

　　在“组策略”右操作窗口中双击“浏览器工具栏按钮”，并在弹出的窗口中单击“添加”按钮进入添加IE工具栏按钮窗口。

　 在窗口的“工具栏标题”处输入按钮在IE工具栏上显示的文字，在“工具栏操作”处输入程序完整的路径，在“工具栏颜色图标”和“工具栏灰度图标”处分别输入按钮在IE工具栏上显示的灰度图标和颜色图标文件的完整路径，最后把“默认情况下，该按钮应显示在工具栏上”复选框选上即可。

需要注意的是，在我们添加、删除、修改程序按钮后只有重新启动IE浏览器后才能生效，如果程序按钮没有出现在IE工具栏上，可以通过“自定义工具栏”的方法把它添加到工具栏上。

什么是块级元素和内联级元素

 

 

block（块）元素的特点：


①总是在新行上开始；


②高度，行高以及外边距和内边距都可控制；


③宽度缺省是它的容器的100%，除非设定一个宽度。


④它可以容纳内联元素和其他块元素


  inline元素的特点：


①和其他元素都在一行上；


②高，行高及外边距和内边距不可改变；


③宽度就是它的文字或图片的宽度，不可改变

④内联元素只能容纳文本或者其他内联元素


（中文叫法有多种内联元素、内嵌元素、行内元素、直进式元素）。

块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和

内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元

素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素

加上display:block这样的属性，让他也有每次都从新行开始的属性即成为块元素

,同样我们可以把块元素加上display:inline这样的属性，让他也在一行上排列

可变元素：

      是基于以上两者随环境而变化的，它的基本概念就是他需要根据上下文关系确定该

元素是块元素或者内联元素。可变元素还是属于上述两种元素类别，一旦上下文关系确

定了他的类别，他就要遵循块元素或者内联元素的规则限制

块元素(block element)

◎ address - 地址

◎ blockquote - 块引用

◎ center - 举中对齐块

◎ dir - 目录列表

◎ div - 常用块级容易，也是css layout的主要标签

◎ dl - 定义列表

◎ fieldset - form控制组

◎ form - 交互表单

◎ h1 - 大标题

◎ h2 - 副标题

◎ h3 - 3级标题

◎ h4 - 4级标题

◎ h5 - 5级标题

◎ h6 - 6级标题

◎ hr - 水平分隔线

◎ isindex - input prompt

◎ menu - 菜单列表

◎ noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容）

◎ noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）

◎ ol - 排序表单

◎ p - 段落

◎ pre - 格式化文本

◎ table - 表格

◎ ul - 非排序列表（无序列表）

内联元素(inline element)

◎ a - 锚点

◎ abbr - 缩写

◎ acronym - 首字

◎ b - 粗体(不推荐)

◎ bdo - bidi override

◎ big - 大字体

◎ br - 换行

◎ cite - 引用

◎ code - 计算机代码(在引用源码的时候需要)

◎ dfn - 定义字段

◎ em - 强调

◎ font - 字体设定(不推荐)

◎ i - 斜体

◎ img - 图片

◎ input - 输入框

◎ kbd - 定义键盘文本

◎ label - 表格标签

◎ q - 短引用

◎ s - 中划线(不推荐)

◎ samp - 定义范例计算机代码

◎ select - 项目选择

◎ small - 小字体文本

◎ span - 常用内联容器，定义文本内区块

◎ strike - 中划线

◎ strong - 粗体强调

◎ sub - 下标

◎ sup - 上标

◎ textarea - 多行文本输入框

◎ tt - 电传文本

◎ u - 下划线

◎ var - 定义变量

可变元素：可变元素为根据上下文语境决定该元素为块元素或者内联元素。

◎ applet - java applet

◎ button - 按钮

◎ del - 删除文本

◎ iframe - inline frame

◎ ins - 插入的文本

◎ map - 图片区块(map)

◎ object - object对象

◎ script - 客户端脚本

 

HTML元素 fieldset方框

　　Draws a box around the text and other elements that the field set contains. 
　　在字段集包含的文本和其它元素外面画一个方框。 

　　fieldset元素用于对表单中的元素进行分组并在文档中区别标出文本。它与窗口框架的行为有些相似。fieldset在 Internet Explorer 4.0 及以上版本的HTML 和的脚本中可用。 
　　fieldset元素元素是块元素。 并且需要关闭标签，即必须成对出现：<fieldset></fieldset>。 

HTML元素 legend域标题

　　Inserts a caption into the box drawn by the fieldSet object. 
　　在 fieldSet 对象绘制的方框内插入一个标题。

　　legend元素必必位于fieldset内的第一个元素。在 Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用。 
　　legend元素是块元素。并且需要关闭标签，即必须成对出现：<legend></legend>。