1. 程式人生 > >HTML標簽類總結

HTML標簽類總結

人的 小程序 embed 導航 ie9 利用 播放器 安裝 img

1、a標簽除了可以作為連接也可以發送郵箱,a標簽裏的文本顏色不能繼承父級的。

2有幾個特殊的塊級元素只能包含內嵌元素,不能再包含塊級元素,這幾個特殊的標簽是:h1、h2、h3、h4、h5、h6、p、dt。

3、重新看下 快級、內聯、行內元素的嵌套規則

4、測試,行內元素可以嵌套快級元素

5、用其他標簽作為圖片的載體也是可以的,圖片做背景處理,這樣的圖片標簽的一個好處是可以嵌套其他的標簽

6、(同源策略)只有像img、script、iframe這類可以指定src屬性的標簽有跨域獲取別人網站上數據(圖片,腳本,源文件其實都是數據)的能力。如:<img src="http://img30.360buyimg.com/jgsq-productsoa/jfs/t2407/323/1635505465/47386/f2d89d88/56615e00N7a475ee6.jpg" />

7、video的寬高需要重新了解下,給背景設個黑色就可以發現問題

8audio是html5的標簽,ie9是不支持的,谷歌完美支持,火狐也是支持的,但是,請使用ogg格式的音樂文件,mp3格式的音樂火狐是沒提示不支持,也不會有音樂的。為了有更好的兼容性,使用這個標簽的時候,請把音樂的格式改為ogg

9當塊級元素包含內聯元素時,內聯元素默認是和塊元素的基線baseline對齊的,塊元素的基線距離塊元素邊框默認的情況下是具有一定的距離的。塊級元素雖然有基線但是只有內聯(行內塊)元素才會有行內對齊的問題(如:基線),基線對塊級元素沒有影響

10、不同瀏覽器對vide和audio標簽的視頻、音頻格式支持情況是不同的,所以最好是3個格式的視頻或音頻都要有。

11、選擇類模塊一定要和表單元素綁定(後端程序需要通過表單控件判斷哪個選項被選擇了),一些需求中 選擇類模塊 是看不到表單的,這個時候需要將點擊選擇的標簽(看的見的標簽)和 表單控件(看不見的標簽)用label標簽綁定。

12、submit在form內被點擊的話是調用了form的onsubmit事件?

13、表格如果嚴格按照語義化標簽來寫的話,表格的頁眉(<thead>)、表格的主體(<tbody>)、表格的頁腳(<tfoot>),三個表格部分的先後順序不管怎麽寫,在瀏覽器上呈現都會按照這個語義從上到下排版的。

14、<td>標簽加一個 contentEditable="true" 屬性就可以輸入文字。

15、<iframe>框架標簽可以嵌入其他的html文件,在這個標簽內顯示這個網頁。使用這個標簽加載公共部分(如頭部導航欄)?有時間可以研究下

16、<object>和<embed>插件標簽主要是用來插入flash或者音樂的,兩個標簽的區別只是瀏覽器的支持會有不同。該標簽用於插入對象 (例如在網頁中嵌入 Java 小程序, PDF 閱讀器, Flash 播放器) 。這兩個標簽播放視屏在ie6、7、8中可以很好的運行。

個人猜測他們的原理:這兩個標簽會調用瀏覽器內置的flash插件(一個腳本語言,安裝在瀏覽器中),從而播放相應的媒體文件。也可以理解 為這兩個標簽可以調用flash腳本,將參數設置在標簽。object標簽自己會檢查是否安裝了對應的插件。

總結:媒體標簽有 早期的 <embed><object>標簽(通用,需要設寬高),h5新標簽video、audio

註意:adobe flash player插件 和 adobe flash player播放器是兩個不同的東西,一個是屬於腳本,一個是軟件。

17、實際要使用flash插件的話,可以抄別人的網站上的代碼,門戶網站是比較多的。

18、標簽的偽元素在圖標字體中的優勢就會體現出來,我懷疑就是為它而設的吧。

親測,embed在高版本的瀏覽器上用ie8調試是可以很好的被屬性和js控制的,但是在本身就是ie8的瀏覽器中不能正常播放,在谷歌中也不行。object目前測試沒法控制。

19、<datalist> 標簽規定了 <input> 元素可能的選項列表,和select不同的是,他的表單還是可以輸入的。

20、在瀏覽器地址欄中直接輸入一個視頻文件的地址,ie瀏覽器會自動調用media player播放器,播放視頻的,基於這個結果。我們在ie中播放視頻,完全可以利用重定向的方式,打開視頻播放器,播放視頻。在js中可以重定向,用a標簽同樣可以重定向。

21、關於媒體文件在網頁中的技術還需要看W3C官網學習,菜鳥中的很多東西是不全的。

22、video標簽的寬高的設置,只是video標簽的寬高,並不是video標簽內視頻的寬高。video標簽內視頻的寬高一定是固定比例的(比例根據視頻的而定)。視頻的寬高會匹配video標簽的寬高,保證視頻在video標簽內達到最大的寬高。視頻的是居中在處在video標簽中的。海報和video視頻也是一樣的,所以海報的寬高比和視頻的寬高比最好保持一致。

HTML標簽類總結