2012年5月7日 星期一

LAB23



LAB26


HTML 5 引入了一整套全新的元素來讓構建頁面變得更加簡單. 大多數基於HTML 4的頁面的包含多種常用結構, 比如說頁首(header), 頁腳(footer)和縱列(column). 現階段我們通常會用div元素標記這些區塊, 然後為它們定義一個描述性的id或是class.

而且HTML5不用另外下載外掛程式FLASH即可觀看


參考資料http://inspire.twgg.org/c/programming/html-css/html-5-differences-and-characteristics-with-html4.html

LAB24

中原大學

Accessibility Extension

List of Accessibility Issues Summary

FAE RuleViolationsMessageClass
Fail The page should contain at least one and no more than two h1 elements. Headings 
Fail Heading elements (h1..h6) should be used for structuring information on the page. Headings 
Check Heading content should be concise (usually 65 or fewer characters in length). Headings 
Check Most web pages should contain at least one navigation bar. Menu and Navigation Bars 
Fail Each page must have a lang attribute on its html element whose value or initial subtag is a valid two-character language code. Language Changes 
Warn Hidden or empty frames should not be used. Frames 
Fail Each img element should have alt text. Images 
Fail A DOCTYPE declaration was not found. W3C Specifications 
Warn One level of nesting. Use CSS properties instead of tables and nested tables to visually layout blocks of related content for graphical renderings. Tables 
Warn Avoid using text links that are shorter than four 4 characters in length. Links 
Warn Ensure that links that point to the same HREF use the same link text. Links 
Fail Two or more levels of nesting. Use CSS properties instead of tables and nested tables to visually layout blocks of related content for graphical renderings. Tables 
Warn 14 Every img element that is less than 8 pixels high or 8 pixels wide OR has an empty alt attribute value should be removed and CSS techniques should be used for styling content. Images 
Warn 67 If the content of the alt attribute is not empty it should contain at least 7 characters and less than 90 characters. The text should provide people who cannot see the image orientation to the content and purpose of the image in the website. Images 

Date: 5/7/2012 20:38 PM
URL: http://www.cycu.edu.tw/

奇摩

Accessibility Extension

List of Accessibility Issues Summary

FAE RuleViolationsMessageClass
Warn The words contained in each h1 element should match a subset of the words contained in the title element. Words (%1) in h1 elements should also be in the title element. Title 
Warn If the content of the alt attribute is not empty it should contain at least 7 characters and less than 90 characters. The text should provide people who cannot see the image orientation to the content and purpose of the image in the website. Images 
Warn Each map, ul or ol element that precedes the last h1 element and appears to be a navigation bar should be immediately preceded by a heading element, preferably an h2. Menu and Navigation Bars 
Warn Every onClick event handler should be on a focusable element. Events 
Warn The content of the headings of the same level within the same section should be unique. Headings 
Warn 32 Ensure that links that point to the same HREF use the same link text. Links 
Warn 56 Ensure that links that point to different HREFs use different link text. Links 
Warn 97 Avoid using text links that are shorter than four 4 characters in length. Links 
Fail Each heading element (h1..h6) must have text content. Headings 
Fail The i element must not be used to italicize text content, instead use heading (h1-h6) elements for heading text or the em element for emphasizing words, phrases or sentences. Text Styling 
Fail 21 Heading elements that follow the last h1 should be properly nested. Headings 
Fail 25 Each img element should have alt text. Images 
Check Heading content should be concise (usually 65 or fewer characters in length). Headings 

Date: 5/7/2012 20:39 PM
URL: http://tw.yahoo.com/

GOOGLE

Accessibility Extension

List of Accessibility Issues Summary

FAE RuleViolationsMessageClass
Warn The words contained in each h1 element should match a subset of the words contained in the title element. Words (%1) in h1 elements should also be in the title element. Title 
Check Heading content should be concise (usually 65 or fewer characters in length). Headings 
Fail Every frame element must have a title attribute with content that describes the purpose of the frame. Frames 
Warn Hidden or empty frames should not be used. Frames 
Warn Every onClick event handler should be on a focusable element. Events 
Fail The b element must not be used to bold text content, instead use heading (h1-h6) elements for heading text or the strong element for emphasizing words, phrases or sentences. Text Styling 
Warn One level of nesting. Use CSS properties instead of tables and nested tables to visually layout blocks of related content for graphical renderings. Tables 
Fail Two or more levels of nesting. Use CSS properties instead of tables and nested tables to visually layout blocks of related content for graphical renderings. Tables 
Warn The character encoding was not specified. W3C Specifications 
Warn Each map, ul or ol element that precedes the last h1 element and appears to be a navigation bar should be immediately preceded by a heading element, preferably an h2. Menu and Navigation Bars 
Warn Ensure that links that point to the same HREF use the same link text. Links 
Fail The font and center elements must not be used for text styling, instead use structural markup should be used with CSS for styling. Text Styling 
Fail Each page must have a lang attribute on its html element whose value or initial subtag is a valid two-character language code. Language Changes 
Warn 16 Avoid using text links that are shorter than four 4 characters in length. Links 

Date: 5/7/2012 20:42 PM
URL: https://www.google.com/


LAB25






LAB22

TABLE
LIST