HTML的打開方式!

W3C 是什么?

  • W3C 指萬(wàn)維網(wǎng)聯(lián)盟(World Wide Web - Consortium)
  • W3C 創(chuàng)建于1994年10月
  • W3C 由 Tim Berners-Lee 創(chuàng)建
  • W3C 是一個(gè)會(huì)員組織
  • W3C 的工作是對(duì) web 進(jìn)行標(biāo)準(zhǔn)化
  • W3C 創(chuàng)建并維護(hù) WWW 標(biāo)準(zhǔn)
  • W3C 標(biāo)準(zhǔn)被稱為 W3C 推薦(W3C -- --Recommendations)

W3C 是如何創(chuàng)建的?

萬(wàn)維網(wǎng)(World Wide Web)是作為歐洲核子研究組織的一個(gè)項(xiàng)目發(fā)展起來的,在那里 Tim Berners-Lee 開發(fā)出萬(wàn)維網(wǎng)的雛形。
Tim Berners-Lee - 萬(wàn)維網(wǎng)的發(fā)明人 - 目前是萬(wàn)維網(wǎng)聯(lián)盟的主任。
W3C 在 1994 年被創(chuàng)建的目的是,為了完成麻省理工學(xué)院(MIT)與歐洲粒子物理研究所(CERN)之間的協(xié)同工作,并得到了美國(guó)國(guó)防部高級(jí)研究計(jì)劃局(DARPA)和歐洲委員會(huì)(European Commission)的支持。


圖片發(fā)自簡(jiǎn)書App

MDN 簡(jiǎn)介

MDN Web Docs(舊稱:Mozilla Developer Network、Mozilla Developer Center,簡(jiǎn)稱MDN)是一個(gè)匯集眾多Mozilla基金會(huì)產(chǎn)品和網(wǎng)絡(luò)開發(fā)文檔的免費(fèi)網(wǎng)站。
每當(dāng)我們有不認(rèn)識(shí)不熟悉的HTML標(biāo)簽、CSS語(yǔ)法都可以去那里查。因?yàn)镸DN嚴(yán)格遵守W3C規(guī)范,和更多熱心大牛幫助改進(jìn)MDN,所以MDN給的答案都比較正確。


HTML 所有標(biāo)簽列表

| 標(biāo)簽名 | 屬性 | 英文全稱 |
| a | 超鏈接 | Anch
| article | 文章區(qū)域
| aside | 側(cè)邊欄
| audio | 音頻
| b | 文本粗體 | Bold
| blockquote | 長(zhǎng)的引用
| body | HTML的主體
| br | 換行 | Break
| button | 按鈕
| canvas | 圖形,必須使用腳本來繪制圖形
| caption | 表格標(biāo)題
| code | 計(jì)算機(jī)代碼文本
| dd | 定義列表中項(xiàng)目的描述 | Definition Description
| div | 流內(nèi)容容器
| dl | 列表詳情 | Definition List
| dt | 列表中的項(xiàng)目 | Definition Term
| em | 強(qiáng)調(diào)文本 | Emphasized
| footer | 定義 section 或 document 的頁(yè)腳
| form | 表單
| h1 to h6 | 標(biāo)題(h1為最大,依次類推) | Header 1 to Header 6
| head | HTML的頭部
| header | 文檔的頭部區(qū)域
| hr | 水平線 | Horizontal Rule
| html | 定義 HTML 文檔
| i | 斜體字 | Italic
| img | 圖像
| input | 輸入控件
| kbd | 鍵盤文本 | Keyboard
| label | input 元素的標(biāo)注
| li | 列表的項(xiàng)目 | List Item
| link | 文檔與外部資源的關(guān)系
| nav | 導(dǎo)航 | navigation
| noscript | 針對(duì)不支持客戶端腳本的用戶的替代內(nèi)容
| ol | 有序列表 | Ordered List
| option | 選擇列表中的選項(xiàng)
| p | 段落 | Paragraph
| pre | 預(yù)格式文本 | Preformatted
| q | 短的引用 | Quotation
| span | 行內(nèi)容器,并沒有任何特殊語(yǔ)義
| script | 客戶端腳本
| section | 定義文檔中的節(jié)(section、區(qū)段)
| select | 選擇列表(下拉列表)
| small | 小號(hào)文本
| strong | 強(qiáng)調(diào)文本
| style | 定義文檔的樣式
| table | 表格
| tbody | 表格中的主體內(nèi)容
| td | 表格中的一個(gè)單元格 | table data cell
| textarea | 多行的文本輸入
| tfoot | 表格中的表注內(nèi)容
| th | 表格中的表頭單元格 | table header cell
| thead | 表格中的表頭內(nèi)容
| title | 文檔的標(biāo)題
| tr | 表格中的行 | table row
| ul | 無序列表 | Unordered List
| video | 視頻


什么是空標(biāo)簽

MDN上定義:
一個(gè)空元素(empty element)可能是 HTML,SVG,或者 MathML 里的一個(gè)不可能存在子節(jié)點(diǎn)(例如內(nèi)嵌的元素或者元素內(nèi)的文本)的element。

通俗來講也就是:沒有HTML內(nèi)容的標(biāo)簽就是空標(biāo)簽,空標(biāo)簽只需要寫一個(gè)開始標(biāo)簽

在 HTML 中有以下這些空元素:

<area>
<base>
< br>
<col>
<colgroup> when the span is present
<command>
<embed>
< hr>
<img>
<input>
<keygen>
<link>
<meta>
<param>
<source>
<track>
<wbr>


什么是可替換標(biāo)簽

MDN上定義:
CSS 里,可替換元素(replaced element)的展現(xiàn)不是由CSS來控制的。這些元素是一類 外觀渲染獨(dú)立于CSS的 外部對(duì)象。

典型的可替換元素有 <img>、 <object>、<video> 和 表單元素,如<textarea>、 <input> 。
某些元素只在一些特殊情況下表現(xiàn)為可替換元素,例如 <audio> 和 <canvas> 。
通過 CSS content 屬性來插入的對(duì)象 被稱作 匿名可替換元素(anonymous replaced elements)。

擴(kuò)展:可替換元素就是通過元素的屬性、類型生成內(nèi)容。比如img標(biāo)簽,它是通過src生成的內(nèi)容。

參考資料

萬(wàn)維網(wǎng)聯(lián)盟-維基百科

MDN-維基百科

MDN首頁(yè)

空元素

可替換元素

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 本系列文章主要是基于W3school這個(gè)學(xué)習(xí)網(wǎng)站來總結(jié)的,之所以會(huì)自己總結(jié)一番,一來是因?yàn)榫W(wǎng)站中的實(shí)例效果,...
    碼字與律動(dòng)閱讀 4,294評(píng)論 4 70
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,154評(píng)論 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,818評(píng)論 1 45
  • 1. W3C 簡(jiǎn)介 萬(wàn)維網(wǎng)聯(lián)盟的英文全稱為World Wide Web Consortium,簡(jiǎn)稱W3C,又稱W3...
    毛毛獨(dú)角獸閱讀 449評(píng)論 0 1
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,530評(píng)論 1 41

友情鏈接更多精彩內(nèi)容