Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 天天干天天操天天干,亚洲网站免费看,91热成人精品国产免费 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務商
          
				
          電腦端+手機端+微信端=數據同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML5開發文檔—3、新增的HTML5結構標簽
          
        
           
          
	
	
          
		
                        
          增的HTML5結構標簽
          結構標簽：(塊級元素) 有意義的div
          標簽含義
          <article>定義獨立的、完整的相關內容塊
          <header>定義一個頁面或一個區域的頭部內容
          <nav>定義導航類輔助內容
          <section>定義一塊區域
          <aside>定義頁面非正式內容部分的側邊欄
          <hgroup>定義h1~h6標題組合
          <figure>定義元素的組合，多用于圖片與圖片描述組合
          <figcaption>定義 figure元素的描述
          <footer>定義一個頁面或一個區域的底部內容
          傳統div+css布局方式
          HTML5布局方式
          div+css布局方式和HTML5布局方式的區別、意義
          小結
           
          HTML標簽包含結構標簽和基礎標簽，基礎標簽是在頁面制作最常使用的一些標簽。基礎標簽包含標題標簽（<h1>~<h6>）、換行標簽（<br>）、段落標簽（<p>）、水平線標簽（<hr>）、格式標簽及文本標簽。表格可以把相互關聯的信息元素集中定位，使瀏覽頁面的人一目了然。表格需要通過表格標記<table>、行標記<tr>、單元格標記<th>或<td>等標記按一定的關系嵌套共同完成。通過使用框架，你可以在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱為一個框架，并且每個框架都獨立于其他的框架。
           
          習題
           
          1．哪一個不是HTML5新增的語義化標記元素（B）
           
          A．section B．head
           
          C．article D．aside
            
          天是2022年第一天，站在2022年的開始回首整個2021年并沒有發現自己有很大的進步。2022年一定要行動起來，豐富自己。
          2022年給自己定幾個目標：
          1. 重新學習前端之路
          2. 搭建一個自己的博客網站 ---每周發送一至兩篇文章記錄自己重新學習前端之路
          3. 培養自己一個愛好
          4. 減肥
          5. 帶老婆出去旅游一趟
          6. 每月讀一本書
          重學之路從HTML開始
          HTML簡介
          HTML的全稱為超文本標記語言，是一種標記語言。它包括一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等 HTML歷史上有如下版本： ①HTML 1.0：在1993年6月作為互聯網工程工作小組(IETF)工作草案發布。 ②HTML 2.0：1995年1 1月作為RFC 1866發布，于2000年6月發布之后被宣布已經過時。 ③HTML 3.2：1997年1月14日，W3C推薦標準。 ④HTML 4.0：1997年12月18日，W3C推薦標準。 ⑤HTML 4.01（微小改進）：1999年12月24日，W3C推薦標準。 ⑥HTML 5：HTML5是公認的下一代Web語言，極大地提升了Web在富媒體、富內容和富應用等方面的能力，被喻為終將改變移動互聯網的重要推手。Internet Explorer 8及以前的版本不支持 `
          HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag) <標簽>內容</標簽>
          HTML 元素包含了開始標簽與結束標簽，元素的內容是開始標簽與結束標簽之間的內容，元素屬性是 HTML 元素提供的附加信息。
          HTML基礎結構
          文檔聲明頭
          <!DOCTYPE html> 聲明為 HTML5 文檔
          頁面的根元素
          <html> 元素是 HTML 頁面的根元素
          頭部標記
          <head> 元素包含了文檔的元（meta）數據，如 <meta charset="utf-8"> 定義網頁編碼格式為 utf-8。
          瀏覽器標簽名
          <title> 元素描述了文檔的標題，瀏覽器標簽名，通常放到head里面
          頁面主體
          <body> 元素包含了可見的頁面內容
          常見的標簽
          塊級元素
          塊級元素只能出現在 <body> 元素內。
          格式
          默認情況下，塊級元素會新起一行。
          內容模型
          一般塊級元素可以包含行內元素和其他塊級元素。這種結構上的包含繼承區別可以使塊級元素創建比行內元素更”大型“的結構。 HTML 標準中塊級元素和行內元素的區別至高出現在 4.01 標準中。在 HTML5，這種區別被一個更復雜的內容類別 (en-US)代替。”塊級“類別大致相當于 HTML5 中的流內容 (en-US)類別，而”行內“類別相當于 HTML5 中的措辭內容 (en-US)類別，不過除了這兩個還有其他類別。
          標簽與描述
          標簽名
          描述
          address
          聯系方式信息
          article (HTML5)
          文章內容
          aside (HTML5)
          伴隨內容
          blockquote
          塊引用
          dd
          定義列表中定義條目描述
          div
          定義列表中定義條目描述
          dl
          文章內容
          fieldset
          表單元素分組
          figcaption (HTML5)
          圖文信息組標題
          figure (HTML5)
          可附標題內容元素
          footer (HTML5)
          區段尾或頁尾
          form
          表單
          h1~h6
          標題
          header (HTML5)
          頁頭
          hgroup (HTML5)
          標題組
          hr
          分割線
          nav (HTML5)
          導航
          noframes
          針對不支持框架的用戶的替代內容
          noscript
          針對不支持客戶端腳本的用戶的替代內容
          ol
          有序列表
          p
          段落
          section (HTML5)
          一個頁面區段
          table
          表格
          tbody
          表格中的主體內容
          td
          表格中的單元
          tfoot
          表格中的表注內容（腳注）
          th
          表格中的表頭單元格
          thead
          表格中的表頭內容
          time
          日期/時間
          tr
          表格中的行
          ul
          無序列表

          行內元素
          一般情況下，行內元素只能包含數據和其他行內元素。
          格式
          默認情況下，行內元素不會以新行開始，而塊級元素會新起一行。
          標簽與描述
          標簽名
          描述
          a
          錨
          abbr
          縮寫
          acronym
          只取首字母的縮寫
          b
          粗體
          bdo
          文字方向
          big
          大號文本
          br
          簡單的折行
          button
          按鈕 (push button)
          cite
          引用(citation)
          code
          計算機代碼文本
          command
          命令按鈕
          dfn
          項目
          del
          被刪除文本
          em
          強調文本
          embed
          外部交互內容或插件
          i
          斜體字
          img
          圖像
          input
          輸入控件
          kbd
          鍵盤文本
          label
          input 元素的標注
          map
          圖像映射
          mark
          有記號的文本
          objec
          內嵌對象
          progress
          任何類型的任務的進度
          q
          短的引用
          samp
          計算機代碼樣本
          select
          選擇列表（下拉列表）
          small
          小號文本
          span
          文檔中的節
          strong
          強調文本
          sub
          下標文本
          sup
          上標文本
          textarea
          多行的文本輸入控件
          time
          日期/時間
          tt
          打字機文本
          var
          文本的變量部分
          video
          視頻
          wbr
          可能的換行符
          行內塊元素
          行內塊狀元素綜合了行內元素和塊狀元素的特性，但是各有取舍。因此行內塊狀元素在日常的使用中，由于其特性，使用的次數也比較多。
          格式 默認情況下，行內元素不會以新行開始，能夠識別寬高
          標簽與描述
          標簽名
          描述
          img
          圖片
          input
          輸入框
          textarea
          多行文本
          相互之間的轉換
          1. 塊級標簽轉換為行內標簽：display:inline;
          2. 行內標簽轉換為塊級標簽：display:block;
          3. 轉換為行內塊標簽：display：inline-block;
          常?的meta標簽
          meta 標簽由 name 和 content 屬性定義，用來描述網頁文檔的屬性，比如網頁的作者，網頁描述，關鍵詞等，除了HTTP標準固定了一些name作為大家使用的共識，開發者還可以自定義name。
          常用的meta標簽：
          1. charset，用來描述HTML文檔的編碼類型：
          <meta charset="UTF-8" >
          1. keywords，頁面關鍵詞：
          <meta name="keywords" content="關鍵詞" />
          1. description，頁面描述：
          <meta name="description" content="頁面描述內容" />
          1. refresh，頁面重定向和刷新：
          <meta http-equiv="refresh" content="0;url=" />
          1. viewport，適配移動端，可以控制視口的大小和比例：
          <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
          1. 搜索引擎索引方式：
          <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
          相關面試題
          HTML5有哪些更新
          1. 新增語義化標簽：nav、header、footer、aside、section、article
          2. 音頻、視頻標簽：audio、video
          3. 數據存儲：localStorage、sessionStorage
          4. canvas（畫布）、Geolocation（地理定位）、websocket（通信協議）
          5. input標簽新增屬性：placeholder、autocomplete、autofocus、required
          6. history API：go、forward、back、pushstate
          移除的元素有
          純表現的元素：basefont，big，center，font, s，strike，tt，u;
          對可用性產生負面影響的元素：frame，frameset，noframes；
          對HTML語義化的理解
          語義化是指根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化）。通俗來講就是用正確的標簽做正確的事情。 語義化的優點如下：
          1. 有利于SEO，有利于搜索引擎爬蟲；
          2. 增強了可讀性，結構更加清晰，便于團隊的開發與維護。
          常?的meta標簽有哪些
          參考上文
          行內元素有哪些？塊級元素有哪些？
          參考上文
          head 標簽有什么作用，其中什么標簽必不可少？
          head 標簽用于定義文檔的頭部，它是所有頭部元素的容器。 head 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等。 文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標題、在 Web 中的位置以及和其他文檔的關系等。絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。 下面這些標簽可用在 head 部分：base, link, meta, script, style, title 其中 title 定義文檔的標題，它是 head 部分中唯一必需的元素。
          DOCTYPE(?檔類型) 的作?
          DOCTYPE是HTML5中一種標準通用標記語言的文檔類型聲明，它的目的是告訴瀏覽器（解析器）應該以什么樣（html或xhtml）的文檔類型定義來解析文檔，不同的渲染模式會影響瀏覽器對 CSS 代碼甚? JavaScript 腳本的解析。它必須聲明在HTML?檔的第??。 瀏覽器渲染頁面的兩種模式（可通過document.compatMode獲取，比如，語雀官網的文檔類型是CSS1Compat）：
          1. CSS1Compat：標準模式（Strick mode），默認模式，瀏覽器使用W3C的標準解析渲染頁面。在標準模式中，瀏覽器以其支持的最高標準呈現頁面。
          2. BackCompat：怪異模式(混雜模式)(Quick mode)，瀏覽器使用自己的怪異模式解析渲染頁面。在怪異模式中，頁面以一種比較寬松的向后兼容的方式顯示。
          src和href的區別
          src 用于替換當前元素，href 用于在當前文檔和引用資源之間確立聯系。
          src 是 source 的縮寫，指向外部資源的位置，指向的內容將會嵌入到文檔中當前標簽所在位置；在請求 src 資源時會將其指向的資源下載并應用到文檔內，例如 js 腳本，img 圖片和 frame 等元素。 href 是 Hypertext Reference 的縮寫，指向網絡資源所在位置，建立和當前元素（錨點）或當前文檔（鏈接）之間的鏈接，如果在文檔中添加
          Canvas和SVG的區別
          1. SVG： SVG可縮放矢量圖形（Scalable Vector Graphics）是基于可擴展標記語言XML描述的2D圖形的語言，SVG基于XML就意味著SVG DOM中的每個元素都是可用的，可以為某個元素附加Javascript事件處理器。在 SVG 中，每個被繪制的圖形均被視為對象。如果 SVG 對象的屬性發生變化，那么瀏覽器能夠自動重現圖形。 其特點如下：
          • 不依賴分辨率
          • 支持事件處理器
          • 最適合帶有大型渲染區域的應用程序（比如谷歌地圖）
          • 復雜度高會減慢渲染速度（任何過度使用 DOM 的應用都不快）
          • 不適合游戲應用
          1. Canvas： Canvas是畫布，通過Javascript來繪制2D圖形，是逐像素進行渲染的。其位置發生改變，就會重新進行繪制。 其特點如下：
          • 依賴分辨率
          • 不支持事件處理器
          • 弱的文本渲染能力
          • 能夠以 .png 或 .jpg 格式保存結果圖像
          • 最適合圖像密集型的游戲，其中的許多對象會被頻繁重繪 注：矢量圖，也稱為面向對象的圖像或繪圖圖像，在數學上定義為一系列由線連接的點。矢量文件中的圖形元素稱為對象。每個對象都是一個自成一體的實體，它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。
          漸進增強和優雅降級之間的區別
          1. 漸進增強（progressive enhancement): 主要是針對低版本的瀏覽器進行頁面重構，保證基本的功能情況下，再針對高級瀏覽器進行效果、交互等方面的改進和追加功能，以達到更好的用戶體驗。
          2. 優雅降級 (graceful degradation)： 一開始就構建完整的功能，然后再針對低版本的瀏覽器進行兼容。
          兩者區別：
          • 優雅降級是從復雜的現狀開始的，并試圖減少用戶體驗的供給；而漸進增強是從一個非常基礎的，能夠起作用的版本開始的，并在此基礎上不斷擴充，以適應未來環境的需要；
          • 降級（功能衰竭）意味著往回看，而漸進增強則意味著往前看，同時保證其根基處于安全地帶。
          “優雅降級”觀點認為應該針對那些最高級、最完善的瀏覽器來設計網站。而將那些被認為“過時”或有功能缺失的瀏覽器下的測試工作安排在開發周期的最后階段，并把測試對象限定為主流瀏覽器（如 IE、Mozilla 等）的前一個版本。 在這種設計范例下，舊版的瀏覽器被認為僅能提供“簡陋卻無妨 (poor, but passable)” 的瀏覽體驗。可以做一些小的調整來適應某個特定的瀏覽器。但由于它們并非我們所關注的焦點，因此除了修復較大的錯誤之外，其它的差異將被直接忽略。
          “漸進增強”觀點則認為應關注于內容本身。內容是建立網站的誘因，有的網站展示它，有的則收集它，有的尋求，有的操作，還有的網站甚至會包含以上的種種，但相同點是它們全都涉及到內容。這使得“漸進增強”成為一種更為合理的設計范例。這也是它立即被 Yahoo 所采納并用以構建其“分級式瀏覽器支持 (Graded Browser Support)”策略的原因所在。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
色婷婷av一区二区三区仙踪林|
国产精品一区二区综合|
夜夜精品无码一区二区三区|
亚洲国产精品一区第二页|
日本一区二区三区在线视频|
在线欧美精品一区二区三区|
一本大道东京热无码一区|
国产伦精品一区二区免费|
麻豆国产一区二区在线观看|
亚洲AV福利天堂一区二区三|
韩日午夜在线资源一区二区|
а天堂中文最新一区二区三区|
日韩免费无码一区二区视频|
亚洲av日韩综合一区久热|
一区二区三区在线观看|
偷拍激情视频一区二区三区|
亚洲午夜电影一区二区三区
|
一级毛片完整版免费播放一区|
无码中文人妻在线一区二区三区|
一区二区三区视频在线|
无码人妻精品一区二区在线视频
|
亚洲综合无码一区二区|
久久精品国产一区|
日本内射精品一区二区视频|
人妻夜夜爽天天爽爽一区|
久久久久人妻一区二区三区vr|
亚洲AV乱码一区二区三区林ゆな|
精品亚洲A∨无码一区二区三区
|
在线视频精品一区|
无码人妻av一区二区三区蜜臀|
亚洲国产AV一区二区三区四区|
成人一区专区在线观看|
一区二区三区无码高清|
另类免费视频一区二区在线观看
|
制服美女视频一区|
久99精品视频在线观看婷亚洲片国产一区一级在线
|
久久亚洲综合色一区二区三区|
无码少妇一区二区三区|
亚洲中文字幕一区精品自拍|
夜夜高潮夜夜爽夜夜爱爱一区|
精品人妻少妇一区二区三区|