1、<img>的title和alt有什么區別?
1、alt:圖片加載失敗時,顯示在網頁的替代文字 2、title:鼠標放在上面時顯示的文字 3、alt是必要屬性,title非必要
2、WEB標准以及W3C標准是什么?
1、標簽閉合 2、標簽小寫 3、嵌套正確 4、外部鏈接css和js 5、提倡結構、表現和行為相分離(HTML結構、CSS表現、JavaScript行為)
3、html5有哪些新特性,移除了哪些元素?
(1)新增特性 a、新增標簽 header、footer、article、aside、audio、bdi、canvas、command、datails、embed、figcaption、figure、hgroup、Keygen、Mark、meter、nav、output、progress、rp、rt、ruby、section、source、summary、time、track、video 常用的標簽:article、aside、audio、video、canvas、footer、header、nav、section b、新增localStorage、sessionStorage c、新增contenteditable屬性(任何dom節點只要加上contenteditable="true"就可以變得可編輯) d、Geolocation 地理定位 (2)移除的元素 <basefont> 默認字體,不設置字體,以此渲染,<font> 字體標簽,<center> 水平居中,<u> 下划線,<big> 大字體 <strike> 中橫線,<tt> 文本等寬
4、XHTML和HTML有什么區別?
1、XHTML 元素必須被正確地嵌套。 2、XHTML 元素必須被關閉。 3、標簽名必須用小寫字母。 4、XHTML 文檔必須擁有根元素。
5、Doctype作用?嚴格模式與混雜模式如何區分?它們有何意義?
1. <!DOCTYPE> 聲明位於文檔中的最前面,處於 <html> 標簽之前。告知瀏覽器以何種模式來渲染文檔。 2. 嚴格模式的排版和 JS 運作模式是 以該瀏覽器支持的最高標准運行。 3. 在混雜模式中,頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點無法工作。 4. DOCTYPE不存在或格式不正確會導致文檔以混雜模式呈現。
6、行內元素有哪些?塊級元素有哪些?空(void)元素有哪些?行內元素和塊級元素有什么區別?
行內元素 1、設置寬高無效 2、對margin僅設置左右方向有效,上下無效;padding上下左右都有效,會撐大空間 3、不會自動進行換行 塊級元素 1、能夠識別設置寬高 2、margin和padding的上下左右均對其有效 3、獨占一行
7、HTML全局屬性(global attibute)有哪些?
HTML屬性賦予元素意義和語境,可以用於任何的HTML元素 1、class:為元素設置標識 2、data-*:為元素增加自定義屬性 3、Id:元素Id ,文檔內唯一 4、lang:元素內容的語言 5、style:行內css樣式 6、title:元素相關的建議信息 7、dir:規定元素中內容的文本方向(ltr:從左到右,rtl:從右到左) 8、contenteditable:html新增屬性,設置true后可編輯元素 9、hidden:隱藏一個html元素
8、canvas和svg有什么區別 ?
canvas 1、可伸縮矢量圖形 2、放大縮小不會失真 SVG 1、HTML新加的元素 2、使用XML描述2D圖形的語言
9、HTML5為什么只需要寫<!DOCTYPE HTML>
<!DOCTYPE HTML> 是文檔類型聲明,它聲明了文檔類型為html5,告訴瀏覽器和其他開發者,該文檔使用的是html5標准