html部分知識點學習

libxd 發布于2019-08-02 16:17 / 3597人閱讀

摘要：全部的取值如下關于屬性解釋五元素作用將另一個頁面嵌入到當前頁面中知識點標簽目前已經很少用到。頁面頁面頁面屬性取值空值刷新并返回頂部錨點不會刷新頁面，不發起請求，點了沒反應。

一、什么是空標簽
沒有閉合的標簽稱為空標簽。

一個空元素（empty element）可能是 HTML，SVG，或者 MathML 里的一個不可能存在子節點（例如內嵌的元素或者元素內的文本）的element。

二、什么是可替換標簽
可替換元素就是瀏覽器根據元素的標簽和屬性，來決定元素的具體顯示內容

MDN解釋 可替換元素（replaced element）的展現效果不是由 CSS
來控制的。這些元素是一種外部對象，它們外觀的渲染，是獨立于 CSS 的。簡單來說，它們的內容不受當前文檔的樣式的影響。CSS 可以影響可替換元素的位置，但不會影響到可替換元素自身的內容。
某些可替換元素，例如  元素，可能具有自己的樣式表，但它們不會繼承父文檔的樣式。</p>
<p>CSS 能對可替換元素產生的唯一影響在于，部分屬性支持控制元素內容在其框中的位置或定位方式。</p>
</pre>
<p><strong>舉例說明：</strong>瀏覽器會根據img標簽的src屬性的值來讀取圖片信息并顯示出來，而如果查看HTML代碼，卻看不到圖片的實際內容；又例如根據input標簽的type屬性來決定是顯示輸入框，還是單選按鈕等。這些元素往往沒有實際的內容，即是一個空元素。</p>
<p>典型的可替換元素有：</p>
<pre><iframe>
<video>
<embed>
<img>
</pre>
<p>有些元素僅在特定情況下被作為可替換元素處理，例如：</p>
<pre><option>
<audio>
<canvas>
<object>
<applet>

</pre>
<p><strong>三、全局屬性</strong></p>
<pre>MDN 是所有HTML元素共有的屬性; 它們可以用于所有元素，即使屬性可能對某些元素不起作用。<p>我們可以在所有的HTML元素上指定全局屬性，甚至是在標準里沒有指定的元素。這意味著任何非標準元素仍必須能夠應用這些屬性，即使使用這些元素意味著文檔不再是html5兼容的。</p>
</pre>
<p><strong>四、display屬性</strong><br>這個太多了，貼個MDN鏈接大家有興趣看看吧！！！</p>
<pre>
<strong>MDN</strong><br>屬性指定了元素的顯示類型，它包含兩類基礎特征，用于指定元素怎樣生成盒模型——外部顯示類型定義了元素怎樣參與流式布局的處理，內部顯示類型定義了元素內子元素的布局方式。<br>display 的一些取值已經在其多帶帶的規范中給出了完整的定義；在文末的表格中可以找到所有規范的鏈接。全部的取值如下：<br>MDN關于display屬性解釋
</pre>
<p><strong>五、iframe元素</strong><br><strong>作用：</strong>將另一個HTML頁面嵌入到當前頁面中<br><strong>知識點：</strong><br>iframe標簽目前已經很少用到。<br>frameborder：iframe默認有邊框，frameborder為1有邊框為0無邊框。<br>iframe的src屬性可以寫相對路徑</p>
<p><strong>示例解釋：</strong><br>iframe默認打開鏈接為空，有2個a標簽，target屬性值和iframe的name屬性值設置為相同，則點擊a標簽，會在iframe打開<br><body></p>
<pre><iframe name="name" src="#" width="100%" height="300px" frameborder="0" >
相對路徑打開
打開百度

六、a標簽知識點
6.1target屬性
_blank:瀏覽器新標簽打開
_self:當前頁面（自己）打開
_parent:父級頁面打開
_top最頂端頁面打開
示例說明：
頁面1iframe通過相對路徑引入test1.html，頁面2通過相對路徑引入test2.html，頁

      面3的a標簽target屬性分四種。

_blank：瀏覽器新標簽打開頁面
_self：在test2頁面自身打開
_parent：在test1頁面打開
_top：在test頁面打開
test頁面通過iframe嵌入test1，test1通過iframe嵌入test2。

頁面1 頁面2

test1

頁面3

test2

_blank _self _parent _top

6.2href屬性取值：
空值：刷新并返回頂部
#錨點：不會刷新頁面，不發起請求，點了沒反應。
http協議：根據target屬性，點擊后當或新標簽打開鏈接
下載：a標簽下載屬性須通過服務器方式，本地file路徑是打開新標簽不是下載。
**//baidu.com無協議絕對地址：瀏覽器根據當前協議，補全無協議鏈接的協議。
file協議：
如果用 file:// 協議瀏覽頁面，就會訪問到 file://qq.com，這是一個不存在的路徑
應該盡量不使用 file:// 協議預覽網頁，以免無協議鏈接出錯

偽協議：

空值
錨點
http協議
下載
無協議（遵從當前頁面協議）
相對路徑
?name=test放查詢參數
?name=test偽協議
  ---偽協議可以在用戶點擊 a 時執行一段 javascript 代碼
 ---偽協議可以在當前頁面執行一段代碼
 ---偽協議可以實現「點擊之后沒有任何動作的 a 標簽」，滿足一些奇葩需求

七、forme標簽知識點：
7.1a標簽和forme標簽請求區別
都是發起請求，唯一區別是a標簽發起get請求，from發起post請求。
from標簽必須要有提交按鈕，否則無法提交
7.2action參數
get請求默認將action參數放到查詢參數
post默認將action參數放到請求第四部分form data
可以通過給action加參數讓post也有查詢參數，但沒辦法讓get請求有第四部分，比如（users?zzz=3）

八、input標簽知識點：
1、復選框：通過label標簽包裹input可以自動關聯，點擊me和復選框，都可選中

2、單選框：多個單選框（input的type為radio時），設置每個input的name屬性為相同
值，即可做到只能選一個
3、如果一個form標簽內只有一個button且沒寫type屬性，瀏覽器會自動升級為提交按
鈕（submit）如果寫了type屬性，則按屬性執行
不寫type屬性和type屬性為button，點擊效果不同，有屬性的不提交，無屬性的瀏
覽器自動升級

GPU云服務器云服務器深度學習部分和 javascript應該學習哪部分 html部分頁 html部分圓環

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/55032.html

前端開發-從入門到Offer - 收藏集 - 掘金

摘要：一些知識點有哪些方法方法前端從入門菜鳥到實踐老司機所需要的資料與指南合集前端掘金前端從入門菜鳥到實踐老司機所需要的資料與指南合集歸屬于筆者的前端入門與最佳實踐。工欲善其事必先利其器-前端實習簡歷篇 - 掘金有幸認識很多在大廠工作的學長，在春招正式開始前為我提供很多內部推薦的機會，非常感謝他們對我的幫助。現在就要去北京了，對第一份正式的實習工作也充滿期待，也希望把自己遇到的一些問題和...

sf_wangchong 2019-08-20 16:10 評論0 收藏0
堅持：學習Java后臺的第一階段，我學習了那些知識

摘要：最近的計劃是業余時間學習后臺方面的知識，發現學習的過程中，要學的東西真多啊，讓我一下子感覺很遙遠。為了快速進入后臺的開發，我也要加快腳步了 showImg(https://segmentfault.com/img/remote/1460000016070790?w=899&h=499); 最近的計劃是業余時間學習Java后臺方面的知識，發現學習的過程中，要學的東西真多啊，讓我一下子感覺...

instein 2019-08-26 12:18 評論0 收藏0
堅持：學習Java后臺的第一階段，我學習了那些知識

摘要：最近的計劃是業余時間學習后臺方面的知識，發現學習的過程中，要學的東西真多啊，讓我一下子感覺很遙遠。為了快速進入后臺的開發，我也要加快腳步了 showImg(https://segmentfault.com/img/remote/1460000016070790?w=899&h=499); 最近的計劃是業余時間學習Java后臺方面的知識，發現學習的過程中，要學的東西真多啊，讓我一下子感覺...

khs1994 2019-08-26 12:16 評論0 收藏0
堅持：學習Java后臺的第一階段，我學習了那些知識

摘要：最近的計劃是業余時間學習后臺方面的知識，發現學習的過程中，要學的東西真多啊，讓我一下子感覺很遙遠。為了快速進入后臺的開發，我也要加快腳步了 showImg(https://segmentfault.com/img/remote/1460000016070790?w=899&h=499); 最近的計劃是業余時間學習Java后臺方面的知識，發現學習的過程中，要學的東西真多啊，讓我一下子感覺...

April 2019-08-19 11:00 評論0 收藏0