整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          微軟專家告訴你Win10 Edge瀏覽器和EdgeHTML的區別

          T之家訊 在Win10中,Edge瀏覽器是一項新功能。與之名稱類似的還有EdgeHTML,這是微軟開發的新版渲染引擎,此前曾在Windows10的IE11中試用過。也許有些朋友并不清楚這兩個“Edge”之間有什么異同,微軟專家在博客中對此做出了解釋。

          Win10預覽版10547中的Edge瀏覽器還不能顯示EdgeHTML版本號

          微軟Edge項目經理 Kyle Pflug 在博客中提到,Edge瀏覽器和EdgeHTML是兩種不同的東西。Edge是一款瀏覽器,而EdgeHTML是渲染引擎,用于處理和渲染網頁元素。既然二者有本質區別,他們的更新版本也就完全不同。如果有網站依賴于引擎版本號,而非瀏覽器版本,就可能引起網站錯誤。

          微軟博客中的Edge瀏覽器已經可以顯示EdgeHTML引擎版本

          鑒于用戶代理字符串上的EdgeHTML版本變化太頻繁,微軟要求Web開發者不要依賴于該版本號,而應該根據瀏覽器版本號做出判斷。微軟也將在今后Win10版本的Edge瀏覽器設置中提供EdgeHTML版本號。(Source:Windows Blog)

          、HTML表單


          1. <!DOCTYPE html>
          2. <html>
          3. <head>
          4. <meta charset="UTF-8">
          5. <title>Insert title here</title>
          6. </head>
          7. <body>
          8. <!-- 1.表單元素
          9. 用來聲明數據提交的范圍
          10. 只有在此元素內的數據可以提交給服務器 -->
          11. <!-- action屬性用來聲明數據提交的目標 -->
          12. <form action="http://www.baidu.com">
          13. <!-- 2.表單控件
          14. 用來讓用戶輸入數據的
          15. 1)input元素(9個 ),它們之間用type元素區分-->
          16. <!-- 文本框
          17. value:設置默認值 maxlength:設置最大長度 readonly:設置只讀 -->
          18. <p>
          19. 賬號:<input type="text" value="lcz" maxlength="10"/>
          20. </p>
          21. <!-- 密碼框 屬性同上 -->
          22. <p>
          23. 密碼:<input type="password">
          24. </p>
          25. <!-- 單選框 name:組名。同一組名互相排斥
          26. checked設置默認選中-->
          27. <p>
          28. 性別:
          29. <input type="radio" name="sex" checked="checked"/>男
          30. <input type="radio" name="sex"/>女
          31. </p>
          32. <!-- 多選框 checked:設置默認選中 -->
          33. <p>
          34. 興趣愛好:
          35. <input type="checkbox" checked="checked"/>音樂
          36. <input type="checkbox" checked="checked"/>看書
          37. <input type="checkbox"/>打球
          38. </p>
          39. <!-- 文件框 -->
          40. <p>
          41. 頭像上傳:<input type="file"/>
          42. </p>
          43. <!-- 隱藏框 -->
          44. <p>
          45. <input type="hidden" value="abc"/>
          46. </p>
          47. <!-- 按鈕
          48. submit:提交表單中的數據
          49. reset:將表單中的數據重置為初始值
          50. button:沒有任何功能,需通過js定義功能 -->
          51. <p>
          52. <!-- 提交按鈕 -->
          53. <input type="submit" value="注冊">
          54. <!-- 重置按鈕 -->
          55. <input type="reset" value="重置">
          56. <!-- 普通按鈕 -->
          57. <input type="button" value="按鈕">
          58. </p>
          59. <!--2)其他元素(3個) -->
          60. <!-- label:用來管理表單中的文本 id:是元素的唯一標志,相當于元素的身份證號,任何元素都可以由id,程序員有義務保證元素的id不重復
          61. 可以將文本與空間綁定在一起,從而增加了控件的受力面積。-->
          62. <p>
          63. <input type="checkbox" id="xieyi"/>
          64. <label for="xieyi">我已閱讀并且自愿遵守此協議!</label>
          65. </p>
          66. <!-- select:下拉選 selected:設置默認選中 -->
          67. <p>
          68. 城市:
          69. <select>
          70. <option>請選擇</option>
          71. <option selected="selected">北京</option>
          72. <option>上海</option>
          73. <option>廣州</option>
          74. <option>深圳</option>
          75. <option>杭州</option>
          76. </select>
          77. </p>
          78. <!-- textarea:文本域 -->
          79. <p>
          80. 簡介:<br>
          81. <textarea rows="10" cols="100">這是文本域的默認值</textarea>
          82. </p>
          83. </form>
          84. </body>
          85. </html>

          TML即超文本標記語言 (Hyper Text Markup Language), 是用來描述網頁的一種語言。
          超文本標記語言的結構包括"頭"部分(外語:Head)、和"主體"部分(外語:Body),其中"頭"部提供關于網頁的信息,"主體"部分提供網頁的具體內容。
          標記語言是一套標記標簽 (markup tag)
          HTML 使用標記標簽來描述網頁

          如下代碼:

          <html>
          <body>
          <h1>My First Heading</h1>
          <p>My first paragraph.</p>
          </body>
          </html>

          例子解釋:

          <html> 與 </html> 之間的文本描述網頁
          <body> 與</body> 之間的文本是可見的頁面內容
          <h1> 與 </h1> 之間的文本被顯示為標題
          <p> 與 </p> 之間的文本被顯示為段落

          2

          HTML 元素


          HTML 文檔是由 HTML 元素定義的。

          HTML 元素指的是從開始標簽(start tag)到結束標簽(end tag)的所有代碼。



          注釋:開始標簽常被稱為開放標簽(opening tag),結束標簽常稱為閉合標簽(closing tag),大多數 HTML 元素可擁有屬性。


          空的 HTML 元素:

          沒有內容的 HTML 元素被稱為空元素。在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關閉。

          在開始標簽中添加斜杠,比如:<br>就是沒有關閉標簽的空元素, 而<br />是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。

          即使 <br>在所有瀏覽器中都是有效的,但使用 <br /> 其實是更長遠的保障。


          HTML 提示:使用小寫標簽

          HTML 標簽對大小寫不敏感:<P> 等同于<p>。許多網站都使用大寫的 HTML 標簽。

          W3School 使用的是小寫標簽,因為萬維網聯盟(W3C)在 HTML 4 中推薦使用小寫,而在未來 (X)HTML 版本中強制使用小寫。

          3

          HTML 屬性


          HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。

          屬性總是以名稱/值對的形式出現,比如:name="value"。

          屬性總是在 HTML 元素的開始標簽中規定。


          屬性實例:

          HTML 鏈接由 <a>標簽定義。鏈接的地址在 href 屬性中指定:

          <a href="http://www.w3school.com.cn">This is a link</a>

          注釋:屬性值應該始終被包括在引號內。雙引號是最常用的,不過使用單引號也沒有問題。在某些個別的情況下,比如屬性值本身就含有雙引號,那么您必須使用單引號,例如:name='Bill "HelloWorld" Gates'。


          我自己是一名從事了多年開發的web前端老程序員,目前辭職在做自己的web前端私人定制課程,今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨,各種框架都有整理,送給每一位前端小伙伴,想要獲取的可以關注我的頭條號并在后臺私信我:前端,即可免費獲取。

          HTML 提示:使用小寫屬性

          屬性和屬性值對大小寫不敏感。

          不過,萬維網聯盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。

          而新版本的 (X)HTML 要求使用小寫屬性。


          一些常見HTML屬性:


          HTML 編輯器


          使用 Notepad 或 TextEdit 來編寫 HTML

          可以使用專業的 HTML 編輯器來編輯 HTML:

          Adobe Dreamweaver

          Microsoft Expression Web

          CoffeeCup HTML Editor

          5

          HTML 標題

          標題(Heading)是通過 <h1> - <h6> 等標簽進行定義的。
          <h1>This is a heading</h1><h1>定義最大的標題。
          <h6>This is a heading</h6><h6> 定義最小的標題。

          注釋:瀏覽器會自動地在標題的前后添加空行。

          注釋:默認情況下,HTML 會自動地在塊級元素前后添加一個額外的空行,比如段落、標題元素前后。

          練習題


          1.以下關于標題的說法哪種是錯誤的?


          A默認情況下,HTML 會自動地在塊級元素前后添加一個額外的空行

          B使用標題僅僅是為了產生粗體或大號的文本

          C搜索引擎使用標題為您的網頁的結構和內容編制索引


          2.下面幾個標題哪個權重最高,最主要?

          A<h1>This is a heading</h1>

          B<h2>This is a heading</h2>

          C<h3>This is a heading</h3>


          3.默認情況下,HTML 會自動地在塊級元素前后添加一個額外的空行,這個說法對嗎?

          A對

          B錯


          4.以下關于段落的做法哪種是正確的?

          A<p>This is a paragraph

          B使用空的段落標記 <p></p> 去插入一個空行

          C<p>This is a paragraph </p>



          原文鏈接:https://mp.weixin.qq.com/s?src=11×tamp=1576462698&ver=2037&signature=T2Y4nDq1tylgwbylaAYBEiwqYNuQy0BzSdRIEzkzni71BqjVzvhA0eT7YdzrQ9*ZeGQtOKZ0z4V6axdTgxpf7n0x*wBZpS6*xYfaZwBzpdk5v1kwcJgPVjudZ8x5yPVx&new=1


          主站蜘蛛池模板: 国产一区二区三区四| 国产韩国精品一区二区三区久久| 精品成人一区二区三区四区| 台湾无码AV一区二区三区| 亚洲男女一区二区三区| 免费在线观看一区| 欧美日韩精品一区二区在线观看| 一区二区精品在线观看| 国产主播福利一区二区| 水蜜桃av无码一区二区| 成人免费一区二区三区| 日韩A无码AV一区二区三区| 在线免费视频一区| 精品无人乱码一区二区三区| 亚洲国产精品综合一区在线| 波多野结衣AV无码久久一区| 91视频一区二区三区| 久久精品一区二区三区资源网| 亚洲国产精品第一区二区三区| 国产成人精品亚洲一区| 日本一区中文字幕日本一二三区视频| 亚洲伦理一区二区| 国产一区二区四区在线观看| 一区二区三区在线观看免费 | 无码一区二区三区| 精品福利一区二区三| 亚洲乱码日产一区三区| 国产探花在线精品一区二区| 久久无码精品一区二区三区| 日本高清一区二区三区| 冲田杏梨AV一区二区三区| 国产精品盗摄一区二区在线| 在线精品自拍亚洲第一区| 日韩一区在线视频| 免费在线视频一区| 亚洲一区无码精品色| 久久精品一区二区| 亚洲欧洲一区二区| 无码人妻久久一区二区三区免费丨| 熟妇人妻AV无码一区二区三区| 午夜DV内射一区二区|