第一節
xhtml規範
*文件方面
-必須定義文件型別(dtd)和名字控制項
*標籤方面
-所有標籤均要小寫、關閉、合理巢狀、id不能重複
-標籤屬性藥有值，屬性值要加印號且不能為空
-一定要加上alt屬性
-**標籤不准使用height屬性,可以使用width屬性
-禁止使用<
embed
><
iframe
>標籤,非w3c標準
-連線不准使用target屬性
*內容模型:
-body、form、blockquote僅能包含塊狀元素
-文字、影象、連線等內鏈元素不允許直接邏樓在body中,必須被p或div等塊狀元素包含
-內鏈元素不能包含塊狀元素
*其他內容
1:注釋中的文字不能包含--
2:所有特殊符號需要用編碼表示
第二節《塊狀元素》
-塊元素一般是其他元素的容器元素, 快元素一般都從新行開始,它可以容納文字、內聯元素和其他塊狀元素，通過width和height屬性可以設定其大小
，常用塊元素是段落表"p"
*特例-form標籤只能容納塊元素
*疑問-table標籤是否屬於塊元素
常用塊狀元素
-div,p,table,h1~h6,ul,ol,li,dl,dt,dd,center,form
《內聯元素》
-內聯元素既是非塊狀元素,內聯元素只能容納文字或者其他內聯元素, 不會獨佔一行,width和height屬性對其不起作用,可以容納內聯元素和文字元素
xhtml共有91個標籤
問題總結:
1>如何使塊狀元素不獨佔一行,使其可以並列一行
方法一:新增float屬性，比如
資訊可以****
方法二:
2>如何使width和heigth屬性對內聯元素起作用
方法一:新增float屬性，比如
資訊可以****
方法二:新增display:block樣式,顯示修改內聯元素為塊狀元素比如x
第三節<
盒子模型
>
*盒子模型四要素
-(content)內容 (border)邊框 (padding)內邊距 (margin)外邊距
兩個盒子上下放置 間距取上下間距最大值
<
div
style
="width:200px; height: 200px; background: #e16b11;margin-button: 10px;"
>
div>
<
div
style
="width:200px; height: 200px; background: #13ab86;margin-top: 20px;"
>
div>
==>20px
兩個盒子左右放置 間距取左右間距之和
<
div
style
="width:200px; height: 200px; background: #e16b11;margin-right: 10px;float: left"
>
div>
<
div
style
="width:200px; height: 200px; background: #13ab86;margin-left: 20px;float:left"
>
div>
==>30px
採用xhtml css的優點
1.遵循web標準。2.結構和表現相分離，而原來的html結構和表現混雜在一起。很多傳統的web開發人員採用的依然是 布局，結構和表現混雜的方式。可以說xhmtl是html向xml的一種過渡。採用web標準的目的是 提供最多利益給最多的 使用者 確保任何 文擋都能夠長期有效 簡化 降低建設成本 讓 ...
xHTML CSS與SEO的關係
1 將頁面中最重要的內程式設計客棧容用h1標籤括起來，h1的syska內容就和頁面title很自然的包含了站點或者頁面的核心關鍵詞，搜尋引擎很重視h1標籤的內容喲 2 合理的運用h2 h3等標題標籤，他們對於頁面來說就是文章不同的等級或者不同的功能區域的標誌性元素 3 頁面meta資訊不可忽視，一定...
xhtml css排版,清理浮動整理彙總
清除浮動乙個凡是做頁面的人都會遇到的乙個東西，但是是否大家都能夠清楚的知道，全方位的了解呢？於是一閒下來了馬上寫了這樣的一篇文章，不能講面面俱到，然而基本能將我所知道的傾囊相授了。1.採用偽類 after進行後續空制的高度位零的偽類層清除 優點結構語義化完全正確，不會產生其餘的怪異問題。缺點復用方式...