1、html中窗口框架的基本結構,主要利用哪兩個標記來定義的?
架可以生成獨立變化和滾動的窗口,從而能將一個窗口分割為若干個字窗口。在每一個字窗口中顯示一個HTML文檔。我們這回就來看看多文檔的基本結構和子窗口之間的交叉鏈接。 一,基本結構HTML使用<Frameset>,<Frame>和<noFrames>標簽來定義框架。下面我們就來了解一下這三個標簽的作用和相應的屬性。 (一),<Frameset>標簽。 該標簽是框架設計標簽,成對使用。首尾標簽之間的內容就是使用到框架的HTML主體部分。在使用框架的HTML文檔中不能出現<body>標簽,否則會導致瀏覽器忽略所有的框定義而只顯示<body>和</body>之間的內容。 <Frameset>標簽作用是將窗口分割為若干個自窗口,子窗口的數目取決於嵌套在該標簽中<Frame>標簽的書目。<Frameset>標簽有兩個屬性。rows和cols,分別用來確定個子窗口的高度和寬度,格式為<Frameset rows="值1,值2,……值n">;<Framest cols="值1,值2,……值n">.各參數之間以逗號分割,依次表示各個自窗口的高度(寬度)。這兩個屬性的參數值可以是數字、百分數或符號「*」。下面我們來分別解釋一下: (1)數字。表示子窗口高度(寬度)所佔的像素點數。 (2)百分數。表示子窗口高度(寬度)占整個瀏覽器窗口高度(寬度)的百分比。 (3)符號「*」。當符號*只出現一次。即其他子窗口的大小都有明確的定義時,表示該子窗口的大小將根據瀏覽器窗口的大小而自動調整。當符號*出現一次以上時,表示按比例分割瀏覽器窗口的剩餘空間。例如: <Frameset cols="40%,2*,*">表示將瀏覽器窗口分割為3列,第一個子窗口在第一列,窗口寬度為整個瀏覽器窗口寬度的40%;第二個子窗口在第二列,占瀏覽器窗口剩餘空間的2/3,即其寬度為整個瀏覽器窗口寬度的40%,第三個子窗口占剩餘空間的1/3,寬度為整個瀏覽瀏覽器窗口寬度的20%。 (二),<frame>標簽。HTML用<frame>標簽來標識子窗口。<frame>標簽是嵌套在框架設置標簽<Frameset>標簽中來使用的單獨標簽。在<Frameset>中定義了多少個子窗口就要有多少個<frame>標簽與之匹配,依次定義各個窗口的性質。<frame>標簽有7個屬性,除SRC屬性是不可預設的外,其他屬性都是可選的。 (1)SRC屬性。用以定義子窗口的名稱。 (2).name屬性。用於定義子窗口的名稱。 (3)frameboder屬性。該屬性的參數值為1或0。當參數值為1時,表示該子窗口有邊框,為0時沒有邊框。該屬性預設值為1。 (4)bordercolor屬性。用以規定子窗口的邊框顏色。如果在一個以上的<frame>標簽中定義了子窗口的邊框顏色,則以第一次指定的顏色為標准。在指定邊框顏色時,可以使用顏色的RBG代碼或直接使用與該顏色想對應的英文單詞。bordercolor屬性的參數值可以是16種顏色中的任意一種。
(5)sclling屬性。屬性的參數值為yes,no或auto之一。參數值為yes時表示該子窗口始終有滾動條。為no時是始終沒有滾動條。為auto時表示當文檔的內容超出窗口范圍時,瀏覽器自動為該子窗口添加滾動條。scolling屬性的預設值為auto. (6)maginwidth和marginwidht屬性。這兩個屬性是用來指定顯示內容與窗口邊界之間的空白距離大小的。其中maginwidth屬性用於確定顯示內容與左右邊界之間的距離;maginwidht用來確定顯示內容與上下邊界之間的距離。這兩個屬性的參數值都是數字。分別表示左右邊距所佔的像素點數。 (三),<noframes>標簽。使用該標簽可以在用戶瀏覽器不支持框架顯示時告之用戶一些相關信息,以免瀏覽者對空白窗口畫面感覺莫名其妙。<noframes>標簽是成對使用的。首尾標簽之間的內容就上告之瀏覽者的信息。如「如您看到空白的畫面說明您的瀏覽不支持框架顯示」。雖然常用的兩中瀏覽器IE和NC都是支持框架顯示的。但為了加強文檔的適用性,我們最好還是養成使用這個標簽的習慣。框架可以生成獨立變化和滾動的窗口,從而能將一個窗口分割為若干個字窗口。在每一個字窗口中顯示一個HTML文檔。
本篇文章來源於深山行者個人網站 http://www.qwbm.com 原文出處: http://www.qwbm.com/new.asp?id=531
2、網頁設計中的「框架頁」是什麼東西?
框架頁是一種特殊的網頁,主要作用是把屏幕分為2個或2個以上的區域,其中每一個區域都可以單獨顯示一個網頁。框架頁就是如何組織多個網頁在一起的定義文件,結構與一般網頁不同。
3、HTML網頁設計常用的標記和元素?
<div>
<span>
<font>
<input>
<form>
<lable>
<p>
<dl>
<dt>
<dd>
<ul>
<li>
<h1>
4、框架網頁是什麼?
框架集是指定義網頁結構與屬性的HTML頁面,這其中包含了顯示在頁面中框架的數目,框架的尺寸,裝入框架的頁面的來源,以及其他一些屬性的相關信息。框架集頁面不會在瀏覽器中顯示;它只是用來存放頁面中框架如何顯示的信息。
單個框架是指在網頁上定義的一個區域,而框架集則記錄了同一網頁上多個框架的布局、鏈接和屬性信息。框架集與框架之間的關系是包含與被包含的關系,多個框架就組成了框架集。
利用框架可以把瀏覽器窗口劃分為多個區域,每個區域可以添加任意的網頁元素,也可分別顯示不同的網頁。
5、在HTML語言中,定義框架的標記包括
框架標記
<FRAMESET> 框架設定
<FRAME> 框窗設定
<IFRAME>頁內框架 於網頁中間插入框架
<NOFRAMES> 不支持框架 設定當瀏覽器不支持框架時的提示
6、什麼是框架網頁
■ 什麼是框架型網頁?
如果一個網頁的左邊導航菜單是固定的,而頁面中間的信息可以上下移動,這一般就可以認為是一個框架型網頁。此外,一些框架型站點的模板在其頁面上方放置了公司的LOGO或圖片。不過這一塊也是位置固定的。而頁面的其它部分則可以上下左右移動。有的框架型站點模板還會在其固定區域中放入鏈接或導航按鈕。
在一些關於搜索引擎優化方面的文章中,基本上都認為網站用框架來設計是極不可取的。這是由於大多數的搜索引擎都無法識別網頁中的框架,或者無法對框架中的內容進行遍歷或搜索。
■ 為什麼使用框架的網頁無法被正確索引?
我們將向大家解釋為何使用框架的網頁無法被使用網路蜘蛛(spiders)或網路爬蟲(crawlers) 的搜索引擎(如Google)正確索引的主要原因。在一個框架網頁的後台代碼中,我們一般能夠看到的是網頁的標題標記(Meta Title)、描述標記(Meta Description)、關鍵字標記(Meta Keywords)及其它原標記(Meta Tags),同時你還會看到一個框架集標記(Frameset Tag)。框架中的內容在後台代碼中是無法被體現的,而對於那些主要搜索引擎的搜索程序來說,如Google的GoogleBot和Freshbot,其設計思路都是完全忽略某些HTML代碼,轉而直接鎖定網頁上的實際內容進行索引。這樣一來,網路蜘蛛在那些一般性的框架網頁上根本找不到要搜索的內容。這是由於那些具體內容都被放到我們稱之為「內部網頁」中去了。
使用「Noframes」標記進行優化
使用了框架型網頁並不意味著就完全無法對其網頁進行優化。實際上在HTML標記中,有一個叫做NOFRAME的標記,如果使用得當的話我們就可以有效地對頁面進行優化了,從而使得搜索引擎能夠正確索引你框架網頁上的內容信息。也有網站這樣使用NOFRAMES標記:他們在NOFRAMES標記里放上這么一段話:「本網頁使用了框架,但您的瀏覽器不支持框架。請下載新的瀏覽器觀看。」
讓我們看看那些專業的搜索引擎優化公司是怎麼做的吧。他們在使用了框架的網頁中,有效的提供含有豐富關鍵字和關鍵短語的重要文字和內容,從而有效幫助網站在SERP(搜索引擎搜索結果頁)中取得較高的排名(頁面等級)。
這樣優化的結果,其實就是讓主要搜索引擎不但讀取了你的網頁後台代碼中的標題和其它原標記,而且對那些不支持框架的瀏覽器所無法顯示的頁面內容信息,也進行了索引。如果你出於某種原因非要使用框架結構,那麼請緊記:在你的後台代碼中一定要正確的使用NOFRAMES標記,這一點非常重要。
很顯然,我們所說的這些優化措施,只有對那些網頁內容經過精心撰寫,並且在內容中充分使用了重要關鍵字和關鍵短語的網站才起作用。
綜上所述,不管是使用框架技術的網站還是非框架技術的網站,只要你採用的是恰當的技術和正確的技巧,都可以進行完美的優化從而取得理想的頁面等級。
什麼是框架
前面我們介紹了很多網站的頁面是用表格製作的,還有一種更方便的工具,就是使用框架。
框架的作用就是把瀏覽器窗口劃分為若干個區域,每個區域可以分別顯示不同的網頁。
<iframe></iframe>
將文檔分割為幾個框架後,Dreamweaver會自動產生一個沒名字的框架體文件,比如我們看到的一個簡單的左右框架頁面,實際上包含3個不同的文件,一個是框架體文件,還有兩個在框架中顯示內容的文件。
框架體文件中保存頁面中框架的數量,框架的尺寸、位置及每個框架的網頁源文件和其它可定義的屬性。
7、網頁製作中框架是什麼意思?
框架可以把瀏覽器窗口分成幾個獨立的部分,每部分顯示單獨的頁面,頁面的內容是互相聯系的。框架網頁,頂端框架顯示網頁標題,下面左右兩個框架,左邊顯示導航欄,右邊顯示鏈接目標網頁。單擊左邊框架導航欄中的超級鏈接,在右邊框架里顯示超級鏈接的對象。內容非常多的網頁不宜採用框架式結構,所以大網站中幾乎所有的網頁都不是框架式網頁。
8、「布局(div+css或html5結構標記)」在網頁設計題中屬於什麼?怎麼操作?有例子更好
布局(div+css或html5結構標記),在網頁設計題中屬於框架結構類,具體怎麼操作,需要看設計需求及設計者的思想,具體的你種個設計師問問
9、網頁設計中,span標簽是什麼東西啊?
如果不對 span 應用樣式,那麼 span 元素中的文本與其他文本不會任何視覺上的差異。盡管如此,上例中的 span 元素仍然為 p 元素增加了額外的結構。
可以為 span 應用 id 或 class 屬性,這樣既可以增加適當的語義,又便於對 span 應用樣式。
可以對同一個 <span> 元素應用 class 或 id 屬性,但是更常見的情況是只應用其中一種。這兩者的主要差異是,class 用於元素組(類似的元素,或者可以理解為某一類元素),而 id 用於標識單獨的唯一的元素。
提示:事實上,您也許已經注意到了,W3School 站點上有一些文本的樣式與其他文本是不同的。比如「提示」使用了粗體的橘紅色。盡管實現這種效果的方法非常多,但是我們的做法是:使用「提示」使用 span 元素,然後對這個 span 元素的父元素,即 p 元素應用 class,這樣就可以對這個類的子元素 span 應用相應的樣式了。
HTML:
<p class="tip"><span>提示:</span>... ... ...</p>
CSS:
p.tip span {
font-weight:bold;
color:#ff9955;
}
說的簡單點就是給一些文字圖片加一個定義!然後改變文字和圖片的樣式