HTML(十) 網頁優化

2021-09-27 10:43:05 字數 1146 閱讀 5219

一、網頁優化描述

超連結優化

採用純文字鏈結,少用,最好是別用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標籤。這個標籤是幹什麼的呢?用瀏覽器開啟乙個網頁時,瀏覽器都會有乙個專門的欄來方便你進行對各個以開啟網頁...