开发手册HTMLCSSJavaScript
HTML手册HTMLXHTMLHTML 5HTML相关标签列表(字母排序)标签列表(功能排序)HTML 属性HTML 事件HTML 视频/音频HTML 画布HTML 文档类型HTML 颜色名HTML 字符集HTML ASCIIHTML ISO-8859-1HTML 符号HTML URL 编码HTML 语言代码HTTP 消息HTTP 方法<!--><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><command><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><h1> - <h6><head><header><hr><html><i><iframe><img><input><ins><kbd><keygen><label><legend><li><link><main><map><mark><menu><menuitem><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><table><tbody><td><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video><wbr>HTML 元信息基本的 HTML 标签HTML 教程延伸阅读:改变文本的外观和含义HTML 样式Web 品质 - 重要的 HTML 元素HTML <a> 标签的 charset 属性HTML <a> 标签的 coords 属性HTML <a> download 属性HTML <a> 标签的 href 属性HTML <a> 标签的 hreflang 属性HTML 5 <a> 标签的 media 属性HTML <a> 标签的 name 属性HTML <a> 标签的 rel 属性HTML <a> 标签的 rev 属性HTML <a> 标签的 shape 属性HTML <a> 标签的 target 属性HTML <a> type 属性HTML <area> 标签的 alt 属性HTML <area> 标签的 coords 属性HTML <area> 标签的 href 属性HTML <area> 标签的 nohref 属性HTML <area> 标签的 shape 属性HTML <area> 标签的 target 属性HTML <audio> autoplay 属性HTML <audio> controls 属性HTML <audio> loop 属性HTML <audio> muted 属性HTML <audio> preload 属性HTML <audio> src 属性HTML <base> 标签的 href 属性HTML <base> 标签的 target 属性HTML <basefont> 标签的 color 属性HTML <basefont> 标签的 face 属性HTML <basefont> 标签的 size 属性HTML <blockquote> cite 属性HTML <body> 标签的 alink 属性HTML <body> 标签的 background 属性HTML <body> 标签的 bgcolor 属性HTML <body> 标签的 link 属性HTML <body> 标签的 text 属性HTML <body> 标签的 vlink 属性HTML 5 <button> autofocus 属性HTML <button> 标签的 disabled 属性HTML 5 <button> form 属性HTML 5 <button> formaction 属性HTML 5 <button> formenctype 属性HTML 5 <button> formmethod 属性HTML 5 <button> formnovalidate 属性HTML 5 <button> formtarget 属性HTML <button> 标签的 name 属性HTML <button> 标签的 type 属性HTML <button> 标签的 value 属性HTML <canvas> height 属性HTML <canvas> width 属性HTML <caption> 标签的 align 属性HTML <col> 标签的 align 属性HTML <col> 标签的 char 属性HTML <col> 标签的 charoff 属性HTML <col> 标签的 span 属性HTML <col> 标签的 valign 属性HTML <col> 标签的 width 属性HTML <colgroup> 标签的 align 属性HTML <colgroup> 标签的 char 属性HTML <colgroup> 标签的 charoff 属性HTML <colgroup> 标签的 span 属性HTML <colgroup> 标签的 valign 属性HTML <colgroup> 标签的 width 属性HTML <command> checked 属性HTML <command> disabled 属性HTML <command> icon 属性HTML <command> label 属性HTML <command> radiogroup 属性HTML <command> type 属性HTML <del> 标签的 cite 属性HTML <del> 标签的 datetime 属性HTML <details> open 属性HTML <dir> 标签的 compact 属性HTML <div> 标签的 align 属性HTML 5 <embed> height 属性HTML 5 <embed> src 属性HTML 5 <embed> type 属性HTML 5 <embed> width 属性HTML 5 <fieldset> disabled 属性HTML 5 <fieldset> form 属性HTML 5 <fieldset> name 属性HTML <font> 标签的 color 属性HTML <font> 标签的 face 属性HTML <font> 标签的 size 属性HTML <form> accept-charset 属性HTML <form> 标签的 action 属性HTML 5 <form> autocomplete 属性HTML <form> 标签的 enctype 属性HTML <form> 标签的 method 属性HTML <form> 标签的 name 属性HTML 5 <form> novalidate 属性HTML <form> 标签的 target 属性HTML <frame> 标签的 frameborder 属性HTML <frame> 标签的 longdesc 属性HTML <frame> 标签的 marginheight 属性HTML <frame> 标签的 marginwidth 属性HTML <frame> 标签的 name 属性HTML <frame> 标签的 noresize 属性HTML <frame> 标签的 scrolling 属性HTML <frame> 标签的 src 属性HTML contenteditable 属性HTML contextmenu 属性HTML data-* 属性HTML draggable 属性HTML dropzone 属性HTML hidden 属性HTML spellcheck 属性HTML translate 属性HTML <h1> - <h6> 标签的 align 属性HTML <hr> 标签的 align 属性HTML <hr> 标签的 noshade 属性HTML <hr> 标签的 size 属性HTML <hr> 标签的 width 属性HTML <iframe> 标签的 align 属性HTML <iframe> 标签的 frameborder 属性HTML <iframe> 标签的 height 属性HTML <iframe> 标签的 longdesc 属性HTML <iframe> 标签的 marginheight 属性HTML <iframe> 标签的 marginwidth 属性HTML <iframe> 标签的 name 属性HTML <iframe> 标签的 sandbox 属性HTML <iframe> 标签的 scrolling 属性HTML <iframe> 标签的 seamless 属性HTML <iframe> 标签的 src 属性HTML <iframe> 标签的 srcdoc 属性HTML <iframe> 标签的 width 属性HTML <img> 标签的 align 属性HTML <img> 标签的 alt 属性HTML <img> 标签的 border 属性HTML <img> 标签的 height 和 width 属性HTML <img> 标签的 hspace 和 vspace 属性HTML <img> 标签的 ismap 属性HTML <img> 标签的 longdesc 属性HTML <img> 标签的 src 属性HTML <img> 标签的 usemap 属性HTML <input> 标签的 accept 属性HTML <input> 标签的 align 属性HTML <input> 标签的 alt 属性HTML <input> autocomplete 属性HTML 5 <input> autofocus 属性HTML <input> 标签的 checked 属性HTML <input> 标签的 disabled 属性HTML 5 <input> form 属性HTML 5 <input> formaction 属性HTML 5 <input> formenctype 属性HTML 5 <input> formmethod 属性HTML 5 <input> formnovalidate 属性HTML 5 <input> formtarget 属性HTML 5 <input> height 属性HTML 5 <input> list 属性HTML 5 <input> max 属性HTML <input> 标签的 maxlength 属性HTML 5 <input> min 属性HTML 5 <input> multiple 属性HTML <input> 标签的 name 属性HTML 5 <input> pattern 属性HTML 5 <input> placeholder 属性HTML <input> 标签的 readonly 属性HTML 5 <input> required 属性HTML <input> 标签的 size 属性HTML <input> 标签的 src 属性HTML 5 <input> step 属性HTML <input> 标签的 type 属性HTML <input> 标签的 value 属性HTML 5 <input> width 属性HTML <ins> 标签的 cite 属性HTML <ins> 标签的 datetime 属性HTML <keygen> autofocus 属性HTML <keygen> disabled 属性HTML <keygen> form 属性HTML <keygen> keytype 属性HTML <keygen> name 属性HTML <label> 标签的 for 属性HTML 5 <label> form 属性HTML <legend> 标签的 align 属性HTML <li> 标签的 type 属性HTML <li> 标签的 value 属性HTML <link> 标签的 charset 属性HTML <link> 标签的 href 属性HTML <link> 标签的 hreflang 属性HTML <link> 标签的 media 属性HTML <link> 标签的 rel 属性HTML <link> 标签的 rev 属性HTML 5 <link> sizes 属性HTML <link> 标签的 target 属性HTML <link> 标签的 type 属性HTML <map> 标签的 name 属性HTML <menu> label 属性HTML <menu> type 属性HTML <meter> form 属性HTML <meter> high 属性HTML <meter> low 属性HTML <meter> max 属性HTML <meter> min 属性HTML <meter> optimum 属性HTML <meter> value 属性HTML 5 <object> form 属性HTML <ol> 标签的 compact 属性HTML 5 <ol> reversed 属性HTML <ol> 标签的 start 属性HTML <ol> 标签的 type 属性HTML <optgroup> 标签的 disabled 属性HTML <optgroup> 标签的 label 属性HTML <option> 标签的 disabled 属性HTML <option> 标签的 label 属性HTML <option> 标签的 selected 属性HTML <option> 标签的 value 属性HTML <output> 标签的 for 属性HTML <output> 标签的 form 属性HTML <output> 标签的 name 属性HTML <p> 标签的 align 属性HTML <menu> max 属性HTML <menu> value 属性HTML <q> cite 属性HTML 5 <script> async 属性HTML <script> 标签的 charset 属性HTML <script> 标签的 defer 属性HTML <script> 标签的 src 属性HTML <script> 标签的 type 属性HTML <select> 标签的 autofocus 属性HTML <select> 标签的 disabled 属性HTML <select> 标签的 form 属性HTML <select> 标签的 multiple 属性HTML <select> 标签的 name 属性HTML <select> 标签的 required 属性HTML <select> 标签的 size 属性HTML <source> media 属性HTML <source> src 属性HTML <source> type 属性HTML accesskey 属性HTML class 属性HTML dir 属性HTML id 属性HTML lang 属性HTML style 属性HTML tabindex 属性HTML title 属性HTML <style> 标签的 media 属性HTML <style> 标签的 type 属性HTML <table> 标签的 align 属性HTML <table> 标签的 bgcolor 属性HTML <table> 标签的 border 属性HTML <table> 标签的 cellpadding 属性HTML <table> 标签的 cellspacing 属性HTML <table> 标签的 frame 属性HTML <table> 标签的 rules 属性HTML <table> 标签的 summary 属性HTML <table> 标签的 width 属性HTML <tbody> 标签的 align 属性HTML <tbody> 标签的 char 属性HTML <tbody> 标签的 charoff 属性HTML <tbody> 标签的 valign 属性HTML <td> 标签的 abbr 属性HTML <td> 标签的 align 属性HTML <td> 标签的 axis 属性HTML <td> 标签的 bgcolor 属性HTML <td> 标签的 char 属性HTML <td> 标签的 charoff 属性HTML <td> 标签的 colspan 属性HTML <td> 标签的 headers 属性HTML <td> 标签的 height 属性HTML <td> 标签的 nowrap 属性HTML <td> 标签的 rowspan 属性HTML <td> 标签的 scope 属性HTML <td> 标签的 valign 属性HTML <td> 标签的 width 属性HTML <textarea> 标签的 autofocus 属性HTML <textarea> 标签的 cols 属性HTML <textarea> 标签的 disabled 属性HTML <textarea> 标签的 form 属性HTML <textarea> 标签的 maxlength 属性HTML <textarea> 标签的 name 属性HTML <textarea> 标签的 placeholder 属性HTML <textarea> 标签的 readonly 属性HTML <textarea> 标签的 required 属性HTML <textarea> 标签的 rows 属性HTML <textarea> 标签的 wrap 属性HTML <tfoot> 标签的 align 属性HTML <tfoot> 标签的 char 属性HTML <tfoot> 标签的 charoff 属性HTML <tfoot> 标签的 valign 属性HTML <th> 标签的 abbr 属性HTML <th> 标签的 align 属性HTML <th> 标签的 axis 属性HTML <th> 标签的 bgcolor 属性HTML <th> 标签的 char 属性HTML <th> 标签的 charoff 属性HTML <th> 标签的 colspan 属性HTML <th> 标签的 headers 属性HTML <th> 标签的 height 属性HTML <th> 标签的 nowrap 属性HTML <th> 标签的 rowspan 属性HTML <th> 标签的 scope 属性HTML <th> 标签的 valign 属性HTML <th> 标签的 width 属性HTML <thead> 标签的 align 属性HTML <thead> 标签的 char 属性HTML <thead> 标签的 charoff 属性HTML <thead> 标签的 valign 属性HTML <time> datetime 属性HTML <time> datetime 属性HTML <tr> 标签的 align 属性HTML <tr> 标签的 bgcolor 属性HTML <tr> 标签的 char 属性HTML <tr> 标签的 charoff 属性HTML <tr> 标签的 valign 属性HTML <track> default 属性HTML <track> kind 属性HTML <track> srclang 属性HTML <track> src 属性HTML <track> srclang 属性HTML <ul> 标签的 compact 属性HTML <ul> 标签的 type 属性HTML <video> autoplay 属性HTML <video> controls 属性HTML <video> height 属性HTML <video> loop 属性HTML <video> muted 属性HTML <video> poster 属性HTML <video> preload 属性HTML <video> src 属性HTML <video> width 属性HTML 5 Audio/Video DOM canplay 事件HTML 5 Audio/Video DOM canplaythrough 事件HTML 5 Audio/Video DOM durationchange 事件HTML 5 Audio/Video DOM loadeddata 事件HTML 5 Audio/Video DOM loadedmetadata 事件HTML 5 Audio/Video DOM loadstart 事件HTML 5 Audio/Video DOM progress 事件HTML 5 Audio/Video DOM addTextTrack() 方法HTML 5 Audio/Video DOM canPlayType() 方法HTML 5 Audio/Video DOM load() 方法HTML 5 Audio/Video DOM pause() 方法HTML 5 Audio/Video DOM play() 方法HTML 5 Audio/Video DOM audioTracks 属性HTML 5 Audio/Video DOM autoplay 属性HTML 5 Audio/Video DOM buffered 属性HTML 5 Audio/Video DOM controller 属性HTML 5 Audio/Video DOM controls 属性HTML 5 Audio/Video DOM currentSrc 属性HTML 5 Audio/Video DOM currentTime 属性HTML 5 Audio/Video DOM defaultMuted 属性HTML 5 Audio/Video DOM defaultPlaybackRate 属性HTML 5 Audio/Video DOM duration 属性HTML 5 Audio/Video DOM ended 属性HTML 5 Audio/Video DOM error 属性HTML 5 Audio/Video DOM loop 属性HTML 5 Audio/Video DOM mediaGroup 属性HTML 5 Audio/Video DOM muted 属性HTML 5 Audio/Video DOM networkState 属性HTML 5 Audio/Video DOM paused 属性HTML 5 Audio/Video DOM playbackRate 属性HTML 5 Audio/Video DOM played 属性HTML 5 Audio/Video DOM preload 属性HTML 5 Audio/Video DOM readyState 属性HTML 5 Audio/Video DOM seekable 属性HTML 5 Audio/Video DOM seeking 属性HTML 5 Audio/Video DOM src 属性HTML 5 Audio/Video DOM startDate 属性HTML 5 Audio/Video DOM textTracks 属性HTML 5 Audio/Video DOM videoTracks 属性HTML 5 Audio/Video DOM volume 属性HTML5 canvas addColorStop() 方法HTML5 canvas arc() 方法HTML5 canvas arcTo() 方法HTML5 canvas beginPath() 方法HTML5 canvas bezierCurveTo() 方法HTML5 canvas clearRect() 方法HTML5 canvas clip() 方法HTML5 canvas closePath() 方法HTML5 canvas createImageData() 方法HTML5 canvas createLinearGradient() 方法HTML5 canvas createPattern() 方法HTML5 canvas createRadialGradient() 方法HTML5 canvas drawImage() 方法HTML5 canvas fill() 方法HTML5 canvas fillRect() 方法HTML 5 canvas fillStyle 属性HTML5 canvas fillText() 方法HTML 5 canvas font 属性HTML5 canvas getImageData() 方法HTML 5 canvas globalAlpha 属性HTML 5 canvas globalCompositeOperation 属性HTML 5 canvas data 属性HTML 5 canvas height 属性HTML 5 canvas width 属性HTML5 canvas isPointInPath() 方法HTML 5 canvas lineCap 属性HTML 5 canvas lineJoin 属性HTML5 canvas lineTo() 方法HTML 5 canvas lineWidth 属性HTML5 canvas measureText() 方法HTML 5 canvas miterLimit 属性HTML5 canvas moveTo() 方法HTML5 canvas putImageData() 方法HTML5 canvas quadraticCurveTo() 方法HTML5 canvas rect() 方法HTML5 canvas rotate() 方法HTML5 canvas scale() 方法HTML5 canvas setTransform() 方法HTML 5 canvas shadowBlur 属性HTML 5 canvas shadowColor 属性HTML 5 canvas shadowOffsetX 属性HTML 5 canvas shadowOffsetY 属性HTML5 canvas stroke() 方法HTML5 canvas strokeRect() 方法HTML 5 canvas strokeStyle 属性HTML5 canvas strokeText() 方法HTML 5 canvas textAlign 属性HTML 5 canvas textBaseline 属性HTML5 canvas transform() 方法HTML5 canvas translate() 方法HTML onafterprint 事件属性HTML onbeforeprint 事件属性HTML onblur 事件属性HTML onchange 事件属性HTML onclick 事件属性HTML ondblclick 事件属性HTML onfocus 事件属性HTML onkeydown 事件属性HTML onkeypress 事件属性HTML onkeyup 事件属性HTML onload 事件属性HTML onmousedown 事件属性HTML onmousemove 事件属性HTML onmouseout 事件属性HTML onmouseover 事件属性HTML onmouseup 事件属性HTML onresize 事件属性HTML onselect 事件属性HTML onsubmit 事件属性HTML onunload 事件属性HTML 5 视频/音频参考手册HTML 参考手册HTML 5 Canvas 参考手册HTML <a> 标签HTML <abbr> 标签HTML <acronym> 标签HTML <address> 标签HTML <applet> 标签HTML <area> 标签HTML <article> 标签HTML <aside> 标签HTML <audio> 标签HTML <b> 标签HTML <base> 标签HTML <basefont> 标签HTML <bdi> 标签HTML <bdo> 标签HTML <big> 标签HTML <blockquote> 标签HTML <body> 标签HTML <br> 标签HTML <button> 标签HTML <canvas> 标签HTML <caption> 标签HTML <center> 标签HTML <cite> 标签HTML <code> 标签HTML <col> 标签HTML <colgroup> 标签HTML <command> 标签HTML <!--...--> 标签HTML <datalist> 标签HTML <dd> 标签HTML <del> 标签HTML <details> 标签HTML <dfn> 标签HTML <dialog> 标签HTML <dir> 标签HTML <div> 标签HTML <dl> 标签HTML <!DOCTYPE> 标签HTML <dt> 标签HTML <em> 标签HTML <embed> 标签HTML <fieldset> 标签HTML <figcaption> 标签HTML <figure> 标签HTML <font> 标签HTML <tt> <i> <b> <big> <small> 标签HTML <footer> 标签HTML <form> 标签HTML <frame> 标签HTML <frameset> 标签HTML <frameset> 标签的 cols 属性和 rows 属性HTML <head> 标签HTML <header> 标签HTML <h1> 到 <h6> 标签HTML <hr> 标签HTML <html> 标签HTML <i> 标签HTML <iframe> 标签HTML <img> 标签HTML <input> 标签HTML <ins> 标签HTML <kbd> 标签HTML <keygen> 标签HTML <label> 标签HTML <legend> 标签HTML <li> 标签HTML <link> 标签HTML <map> 标签HTML <mark> 标签HTML <menu> 标签HTML <menuitem> 标签HTML <meta> 标签HTML <meter> 标签HTML <nav> 标签HTML <noframes> 标签HTML <noscript> 标签HTML <object> 标签HTML <ol> 标签HTML <optgroup> 标签HTML <option> 标签HTML <output> 标签HTML <p> 标签HTML <param> 标签HTML <em> <strong> <dfn> <code> <samp> <kbd><var> <cite> 标签HTML <pre> 标签HTML <progress> 标签HTML xmlns 属性HTML <q> 标签HTML <rp> 标签HTML <rt> 标签HTML <ruby> 标签HTML <s> 标签HTML <samp> 标签HTML <script> 标签HTML <section> 标签HTML <select> 标签HTML <small> 标签HTML <source> 标签HTML <span> 标签HTML <strike> 标签HTML <strong> 标签HTML <style> 标签HTML <sub> 标签HTML <summary> 标签HTML <sup> 标签HTML <table> 标签HTML <tbody> 标签HTML <td> 标签HTML <textarea> 标签HTML <textarea> 标签的 wrap 属性HTML <tfoot> 标签HTML <th> 标签HTML <thead> 标签HTML <time> 标签HTML <title> 标签HTML <tr> 标签HTML <track> 标签HTML <tt> 标签HTML <u> 标签HTML <ul> 标签HTML <var> 标签HTML <video> 标签HTML <wbr> 标签W3C XHTML 活动CSS手册JavaScript手册

HTML <frameset> 标签的 cols 属性和 rows 属性

作用和用法

<frameset> 标签有一个必需的属性:要么是 rows,要么是 cols,这取决于您的选择,它们定义了文档窗口中框架或嵌套的框架集的行或列的大小及数目。

这两个属性都接受用引号括起来并用逗号分开的值列表,这些数值指定了框架的绝对(像素点)或相对(百分比或其余空间)宽度(对列而言),或者绝对或相对高度(对行而言)。这些属性值的数目决定了浏览器将会在文档窗口中显示多少行或列的框架。

与表格一样,浏览器在显示时会尽可能接近给定的框架集尺寸。但是,浏览器不会为了能够容纳下超出边沿的框架集而扩展文档窗口的边界,也不会在指定的框架没有填满整个窗口时用空白区域来填满窗口。相反,浏览器会根据一个框架在行和列中相对于其他框架的大小来分配空间,这样就能够填满整个文档窗口了。(注意到一个主框架文档中没有滚动条了吗?)

例子

例子 1

下面的代码将创建 3 行框架:

<frameset rows="150,300,150">

其中的每行都贯穿整个文档窗口。第一和最后一个框架被设为 150 像素高,第二行设置成 300 像素高。

实际上,除非浏览器窗口正好是 600 像素高,否则浏览器将会自动按照比例延伸或压缩第一和最后一个框架,使得这两个框架都占据 1/4 的窗口空间。中间行将会占据剩下 1/2 的窗口空间。

例子 2

用窗口尺寸的百分比表示的框架行和列尺寸数据更加实际。

例如,下面这个示例与刚才那个示例的效果相同:

<frameset rows="25%,50%,25%">

当然,如果这些百分比加起来不是 100%,浏览器也会自动按照比例重新给出每行尺寸以消除差异。

例子 3

如果你像我们一样,那么将问题综合起来就不是一件难事。可能有的框架设计人员正为同样的困难而感到苦恼,这就解释了为什么他们要在 <frameset> 的 rows 和 cols 值上加上星号。它告诉浏览器要在将相邻的框架放入框架集之后,给剩下的空间分配各自的行或列。

例如,当浏览器遇到下列框架标签时:

<frameset cols="100, *">

上面的例子会生成一个宽为固定的 100 像素的列,然后再生成另一个框架列,该列会占据框架集中其余所有的空间。

例子 4

您还可以对多个列或行属性值使用星号。在这样的情况下,相应的行或列将对可用空间进行等分,例如:

<frameset rows="*, 100, *">

这条语句在框架集的中间生成一个 100 像素高的行,并在这行的上边和下边各生成一个相同尺寸的行。

例子 5

如果在星号前放置一个整数值,相应的行或列就会相对地获得更多的可用空间。例如:

<frameset cols="10%, 3*, *, *">

它生成了 4 列:第一列占据整个框架集宽度的 10%。然后浏览器把其他空间的 3/5 分配给第二个框架,第三个和第四个框架各分配其余空间的 1/5。

从上面的例子可以发现,使用星号(尤其是用数值作为前缀),可以很容易地在一个框架集中分割剩下的空间。

提示和注释

提示:需要注意的是,浏览器允许用户手动地为单个框架文档的行或列重新确定大小,并因此改变每个框架在框架显示中各自占据的相对比例,除非你显式地告诉浏览器不要这样做。为了防止这种情况,可以在 <frame> 标签中使用 noresize 属性。

关于千图| 赞助千图 |千图首页   Copyright2014千图网   沪ICP备10011451号-6   用时:0.0633秒

千图网提示