国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

【Hello CSS】第四章-HTML的標(biāo)簽與語(yǔ)意

魏憲會(huì) / 1894人閱讀

摘要:年月日作為推薦標(biāo)準(zhǔn)發(fā)布年月日作為提案被提出年月作為推薦標(biāo)準(zhǔn)發(fā)布年月日作為推薦標(biāo)準(zhǔn)發(fā)布年月日作為推薦標(biāo)準(zhǔn)發(fā)布。規(guī)定元素的上下文菜單。上下文菜單在用戶(hù)點(diǎn)擊元素時(shí)顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對(duì)元素進(jìn)行拼寫(xiě)和語(yǔ)法檢查。規(guī)定元素的行內(nèi)樣式。

作者:陳大魚(yú)頭

github: KRISACHAN

上一篇分享了CSS的邏輯屬性與盒子模型中分享了一些有關(guān)設(shè)備屏幕的知識(shí)以及瀏覽器視口的坐標(biāo)構(gòu)成。本篇?jiǎng)t會(huì)分享HTML相關(guān)的一些知識(shí)。

我們?cè)谛蛘碌拈_(kāi)頭就簡(jiǎn)單的講解了HTML的誕生歷史,本篇不作詳細(xì)講解,有興趣的可以去看wikipedia。

HTML大事記
首先我們簡(jiǎn)單地來(lái)看一下HTML的發(fā)展歷程(具體各個(gè)版本的區(qū)別亦不做講解)。

1982年Tim Berners-Lee創(chuàng)建了html

1989年Tim Berners-Lee規(guī)定HTML并在1990年底寫(xiě)出瀏覽器和服務(wù)器軟件;

1991年底Tim Berners-Lee提及HTML標(biāo)簽(它描述18個(gè)元素,包括HTML初始的、相對(duì)簡(jiǎn)單的設(shè)計(jì));

1993年互聯(lián)網(wǎng)工程任務(wù)組(IETF)發(fā)布首個(gè)HTML規(guī)范的提案;

1994年IETF創(chuàng)建一個(gè)HTML工作組;

1995年11月24日HTML 2.0作為IETF RFC 1866發(fā)布;

IETF于1996年9月12日關(guān)閉它的HTML工作組;

1997年1月14日HTML 3.2作為W3C推薦標(biāo)準(zhǔn)發(fā)布。這是首個(gè)完全由W3C開(kāi)發(fā)并標(biāo)準(zhǔn)化的版本;

1997年12月18日HTML 4.0作為W3C推薦標(biāo)準(zhǔn)發(fā)布;

1998年4月24日進(jìn)行微調(diào),不增加版本號(hào);

1999年12月24日HTML 4.01作為W3C推薦標(biāo)準(zhǔn)發(fā)布;

2000年5月ISO/IEC 15445:2000("ISO HTML",基于HTML 4.01嚴(yán)格版)作為ISO/IEC國(guó)際標(biāo)準(zhǔn)發(fā)布。

2014年10月28日HTML 5作為W3C推薦標(biāo)準(zhǔn)發(fā)布;

2015年3月20日HTML6作為提案被W3C提出;

2016年11月HTML5.1作為W3C推薦標(biāo)準(zhǔn)發(fā)布;

2017年12月14日HTML5.2作為W3C推薦標(biāo)準(zhǔn)發(fā)布;

2018年10月18日HTML5.3作為W3C推薦標(biāo)準(zhǔn)發(fā)布。

魚(yú)頭注:上面某些信息看得真讓人發(fā)愁。。。。。。

HTML標(biāo)簽
對(duì)于應(yīng)付日常的業(yè)務(wù),寫(xiě)在同一行的就用span,需要換行的就用div,如果有超鏈接就用a。長(zhǎng)得丑?加color啊,不夠大?用font-size: xx-large啊。嗯,沒(méi)有任何問(wèn)題,精通HTML。: )

此刻正在看這篇文章的你估計(jì)會(huì)覺(jué)得:“HTML有什么好說(shuō)的,每天都寫(xiě),鍵盤(pán)上div那幾個(gè)字母都要被我按爛了,這只有初學(xué)者才需要學(xué)。”

嗯,說(shuō)得對(duì)。那本篇結(jié)束,再見(jiàn)!

咦,不對(duì),其實(shí)在魚(yú)頭看來(lái)HTML并不簡(jiǎn)單,作為一門(mén)原本是為了學(xué)者們的交流而誕生的語(yǔ)言,本身就是充滿(mǎn)嚴(yán)謹(jǐn)性的,加上又已經(jīng)發(fā)展了37個(gè)年頭,更是不簡(jiǎn)單。

魚(yú)頭注:本篇不會(huì)對(duì)HTML的標(biāo)簽結(jié)構(gòu)跟文件組成進(jìn)行介紹,有需要了解的童鞋可以參考MDN跟W3school

首先我們來(lái)看一個(gè)基本的HTML頁(yè)面會(huì)有什么東西:



  
    
    hello world
  
  
    

hello world

從上面我們可以知道一個(gè)基本的HTML頁(yè)面會(huì)有定義文檔類(lèi)型的,告知瀏覽器這是一個(gè)HTML文檔,定義各種文檔屬性的,以及定義內(nèi)容主體的

首先我們一起來(lái)看看這幾大標(biāo)簽的具體情況以及子標(biāo)簽詳情。

DOCTYPE

是個(gè)聲明而不是標(biāo)簽,它必須在HTML 文檔的第一行,位于 標(biāo)簽之前。它是指示 web 瀏覽器關(guān)于頁(yè)面使用哪個(gè) HTML 版本進(jìn)行編寫(xiě)的指令。必須始終向 HTML 文檔添加 聲明,這樣瀏覽器才能獲知文檔類(lèi)型。詳情請(qǐng)參考HTML 元素和有效的 DTD。

html

限定了文檔的開(kāi)始點(diǎn)和結(jié)束點(diǎn),在它們之間是文檔的頭部和主體。我們來(lái)看看在標(biāo)簽中可添加的專(zhuān)屬屬性有哪些:

屬性 描述
manifest url 定義一個(gè) URL,在這個(gè) URL 上描述了文檔的緩存信息。(已廢棄)
xmlns http://www.w3.org/1999/xhtml 定義 XML namespace 屬性。
全局屬性

HTML 屬性賦予元素意義和語(yǔ)境。下面的全局屬性可用于任何 HTML 元素

屬性 描述
accesskey 規(guī)定激活元素的快捷鍵。
class 規(guī)定元素的一個(gè)或多個(gè)類(lèi)名(引用樣式表中的類(lèi))。
contenteditable 規(guī)定元素內(nèi)容是否可編輯。
contextmenu 規(guī)定元素的上下文菜單。上下文菜單在用戶(hù)點(diǎn)擊元素時(shí)顯示。
data-* 用于存儲(chǔ)頁(yè)面或應(yīng)用程序的私有定制數(shù)據(jù)。
dir 規(guī)定元素中內(nèi)容的文本方向。
draggable 規(guī)定元素是否可拖動(dòng)。
dropzone 規(guī)定在拖動(dòng)被拖動(dòng)數(shù)據(jù)時(shí)是否進(jìn)行復(fù)制、移動(dòng)或鏈接。
hidden 規(guī)定元素仍未或不再相關(guān)。
id 規(guī)定元素的唯一 id。
lang 規(guī)定元素內(nèi)容的語(yǔ)言。
spellcheck 規(guī)定是否對(duì)元素進(jìn)行拼寫(xiě)和語(yǔ)法檢查。
style 規(guī)定元素的行內(nèi) CSS 樣式。
tabindex 規(guī)定元素的 tab 鍵次序。
title 規(guī)定有關(guān)元素的額外信息。
translate 規(guī)定是否應(yīng)該翻譯元素內(nèi)容。
head

標(biāo)簽用于定義文檔的頭部,它是所有頭部元素的容器。描述了文檔的各種屬性和信息,包括文檔的標(biāo)題、在 Web 中的位置以及和其他文檔的關(guān)系等。

那么有哪些標(biāo)簽是可以放在內(nèi)的呢?

首先是

是個(gè)很實(shí)用但是很多人會(huì)忽略的標(biāo)簽。

標(biāo)簽為頁(yè)面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)。

通常情況下,瀏覽器會(huì)從當(dāng)前文檔的 URL 中提取相應(yīng)的元素來(lái)填寫(xiě)相對(duì) URL 中的空白。

使用 標(biāo)簽可以改變這一點(diǎn)。瀏覽器隨后將不再使用當(dāng)前文檔的 URL,而使用指定的基本 URL 來(lái)解析所有的相對(duì) URL。這其中包括 跳轉(zhuǎn)

根據(jù)上面的DEMO
/head-base.html)我們可以發(fā)現(xiàn),在設(shè)置了urltarget之后,

其次是scheme,此屬性是用來(lái)設(shè)置或返回用于解釋 content 屬性的值的格式。例子如下:

有趣的是,MDN上有這么一段描述:

Notes: Do not use this attribute as it is obsolete. There is no replacement for it as there was no real usage for it. Omit it altogether.

意思就是不要用這屬性,因?yàn)檫@屬性并沒(méi)什么用處。: )

然后是name,此屬性定義文檔級(jí)元數(shù)據(jù)的名稱(chēng)。值得注意的是,如果定義的元數(shù)據(jù)設(shè)置了itemprop, http-equiv or charset ,就不能再設(shè)置name了。

name的值含義如下

描述
application-name 定義正運(yùn)行在該網(wǎng)頁(yè)上的網(wǎng)絡(luò)應(yīng)用名稱(chēng)
author 文檔作者
description 其中包含頁(yè)面內(nèi)容的簡(jiǎn)短和精確的描述。一些瀏覽器,如Firefox和Opera,將其用作書(shū)簽頁(yè)面的默認(rèn)描述。
generator 包含生成頁(yè)面的軟件的標(biāo)識(shí)符。
keywords 包含與逗號(hào)分隔的頁(yè)面內(nèi)容相關(guān)的單詞。
referrer 控制所有從該文檔發(fā)出的 HTTP 請(qǐng)求中HTTP Referer 首部的內(nèi)容。
others 其他的內(nèi)容。

詳細(xì)name值,可以訪問(wèn)https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta#屬性。

最后我們來(lái)看看http-equiv,此屬性把content屬性連接到HTTP頭部。

          <
          描述
          content-security-policy 允許站點(diǎn)管理者在指定的頁(yè)面控制用戶(hù)代理的資源。除了少數(shù)例外,這條政策將極大地指定服務(wù)源 以及腳本端點(diǎn)。這將幫助防止跨站腳本攻擊。
          default-style 這個(gè)屬性指定了在頁(yè)面上使用的首選樣式表. content屬性必須包含 元素的標(biāo)題, href屬性鏈接到CSS樣式表或包含CSS樣式表的