一、網頁優化描述
超連結優化
採用純文字鏈結,少用,最好是別用flash動畫設定鏈結,因為搜尋引擎無法識別flash上的文字.
優化(alt屬性,title屬性)
二、css重置
三、表單css規範
命名方法(語義化命名,結構化命名)
id:結構化: #header #footer
class: .border0 . red .font12 .clear
css命名規則
建議使用小寫字母
以英文本母開頭,後面可以連線數字、字母、下劃線、連線線,建議盡量使用英文本母,適當使用下劃線和連線線;
詞必達意,名稱要反映用途和相關資訊,同時也要簡短。
四、**表單字段集
字段級標題 多行文字框
下拉框下拉框內容
預設內容
表單元素
radio 單選框
checkbox 核取方塊
checked=checked 預設選中
file 上傳檔案
button 自定義按鈕
image 按鈕 hidden 隱藏
提示資訊標籤
單元格間距(該屬性必須給table新增)
border-spacing:value;
合併相鄰單元格邊框
border-collapse:separate(邊框分開)/collapse(邊框合併);
無內容單元格顯示、隱藏
empty-cells:show/hide;
**布局演算法
table-layout:auto/fixed(固定寬度,不會隨內容多少改變單元格寬度)
自動**布局:列的寬度是由列單元格中沒有折行的最寬的內容設定的。
缺點:較慢(因為它需要在確定最終的布局前訪問**中的所有內容)。
優點:靈活
固定**布局
優點:加快執行的速度,允許瀏覽器更快的對**進行布局。
缺點:不太靈活
HTML例項1 網頁文章
例項1 一篇網頁文章 寫這個網頁需要用到的東西很少,簡單的文字格式和一些對齊方式即可完成。還有就是一些格式例如首行縮排需要用到轉移字元。效果圖如下 源 網頁標題title 科技雜談b color pink 01月01日 12 17font p color pink 閱讀font color red ...
HTML標籤天天練6 網頁框架
這幾個標籤都屬於同一類功能,就是 框架內鑲功能 1 意為把頁面分解成一定部分,讓每一部分顯示不同的內鑲框架,如 請複製到dw嘗試 下面是 縱向內鑲框架 細心的同學不難發現,區別在於 rows橫向 clos縱向 請注意,用frame這類標籤的時候,必須要把body標籤去掉,否則在不同瀏覽中容易出錯!2...
HTML基礎(二) 網頁標題與注釋
昨天的教程講的是基礎結構元素,複習一下,即標籤 標籤 標籤。用法沒記住的話,你還是回去在多看幾遍教程吧。介紹了基礎結構,但是那並不是基本的框架,想要成為基本框架,還需要加上下面這個標籤,title標籤。這個標籤是幹什麼的呢?用瀏覽器開啟乙個網頁時,瀏覽器都會有乙個專門的欄來方便你進行對各個以開啟網頁...