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表單
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
*請認真填寫需求信息,我們會在24小時內與您取得聯系。