源元素媒體屬性的所有可能值是什麼?HTML5 - 源元素屬性問題
回答
媒體屬性給出預期 媒體類型的媒體資源,以幫助 用戶代理確定此 媒體資源是取它之前對用戶有用的 。其值必須是 有效的媒體查詢。
如果您按照此步驟操作,將會導致您進入Media Queries頁面。
規範性引用的媒體類型是CSS2.1標準,其中規定:
all
Suitable for all devices.
braille
Intended for braille tactile feedback devices.
embossed
Intended for paged braille printers.
handheld
Intended for handheld devices (typically small screen, limited bandwidth).
print
Intended for paged material and for documents viewed on screen in print preview mode. Please consult the section on paged media for information about formatting issues that are specific to paged media.
projection
Intended for projected presentations, for example projectors. Please consult the section on paged media for information about formatting issues that are specific to paged media.
screen
Intended primarily for color computer screens.
speech
Intended for speech synthesizers. Note: CSS2 had a similar media type called 'aural' for this purpose. See the appendix on aural style sheets for details.
tty
Intended for media using a fixed-pitch character grid (such as teletypes, terminals, or portable devices with limited display capabilities). Authors should not use pixel units with the "tty" media type.
tv
Intended for television-type devices (low resolution, color, limited-scrollability screens, sound available).
注意,HTML4有媒體類型的不同列表:
'打印', '屏幕', '聽覺','盲文','掌上','打印','投影','屏幕','tty','電視'。
all
或media query。提供了一個詳盡的清單將是不切實際的(device-width: 1px
,device-width: 2px
,device-width: 3px
等)
根據HTML5規範,你可以輸入任何有效的「媒體查詢」進入@media
屬性。這包括所有的常規值,如screen
,print
等上,但是你可以按照下面的鏈接描述做更多先進的東西:
http://dev.w3.org/csswg/css3-mediaqueries/#media0
例子:
<source media="screen and (device-aspect-ratio: 16/9)" src='video1_widescreen.ogv' type='video/ogg; codecs="theora, vorbis"'>
<source media="screen" src='video1.ogv' type='video/ogg; codecs="theora, vorbis"'>
<source media="not screen" src='video1_poster.jpg'>
從HTML 5 spec的草稿:
媒體屬性給出媒體資源的預期媒體類型,以幫助用戶年齡nt確定此媒體資源在提取之前是否對用戶有用。其值必須是有效的媒體查詢。
和:
字符串是一個有效的媒體查詢,如果它的media_query_list生產的媒體查詢規範相匹配。
媒體查詢(MQ)規範是here。
的重要部分,但「媒體查詢」頁面中允許的值是什麼? – emaol 2011-04-16 16:46:57
- 1. HTML5 - 源元素屬性問題
- 2. 源元素的媒體屬性問題HTML5
- 3. 語義HTML5元素屬性
- 4. HTML5視頻元素音頻屬性問題
- 5. HTML5視頻元素的寬度和高度屬性問題
- 6. HTML5媒體屬性問題
- 7. html5媒體屬性問題
- 8. html5媒體屬性問題
- 9. HTML5媒體屬性問題
- 10. html5時間元素問題
- 11. html5時間元素問題
- 12. HTML5標記元素問題
- 13. HTML元素問題的類屬性
- 14. jquery問題:minipulating val()屬性元素
- 15. HTML5中源元素的type屬性的語法是什麼?
- 16. HTML5視頻:是否有使用源元素在src屬性
- 17. 這些HTML5元素的所有屬性
- 18. 需要訪問html5視頻源url的標題屬性
- 19. 驗證(HTML5):屬性「X」不是元素的有效屬性「Y」
- 20. IE瀏覽器問題與html5屬性
- 21. HTML5日期時間屬性問題
- 22. HTML5 iframe沙箱屬性問題
- 23. HTML5中日期屬性的問題
- 24. HTML5和XHTML角色屬性問題
- 25. 拖放HTML5元素和JavaScript的問題
- 26. HTML5的有用屬性元數據值問題
- 27. SVG元素屬性xmlns
- 28. 訪問HTML5數據屬性
- 29. XML屬性元素
- 30. jQuery元素屬性
什麼是-1? – emaol 2011-04-16 16:51:15