淺談HTML

1.W3C 簡介

萬維網(wǎng)聯(lián)盟(World Wide Web Consortium,W3C),又稱W3C理事會

W3C由Sir?Timothy John Berners-Lee 創(chuàng)建宽档,

為解決網(wǎng)絡(luò)應(yīng)用中不同平臺论矾、技術(shù)和開發(fā)者帶來的不兼容問題,保障網(wǎng)絡(luò)信息的順利和完整流通,萬維網(wǎng)聯(lián)盟制定了一系列標(biāo)準(zhǔn)并督促網(wǎng)絡(luò)應(yīng)用開發(fā)者和內(nèi)容提供者遵循這些標(biāo)準(zhǔn)众旗。標(biāo)準(zhǔn)的內(nèi)容包括使用語言的規(guī)范,開發(fā)中使用的導(dǎo)則和解釋引擎的行為等等趟畏。W3C也制定了包括XMLCSS等的眾多影響深遠(yuǎn)的標(biāo)準(zhǔn)規(guī)范贡歧。

2.MDN 簡介

MDN(Mozilla Developer Network)是一個匯集眾多Mozilla基金會產(chǎn)品和網(wǎng)絡(luò)技術(shù)開發(fā)文檔的免費(fèi)網(wǎng)站。

3.HTML5所有標(biāo)簽列表

根元素:

<html>代表 HTML 或 XHTML 文檔的根拱镐。其他所有元素必須是這個元素的子節(jié)點(diǎn)艘款。

文檔元素:

<head>代表關(guān)于文檔元數(shù)據(jù)的一個集合,包括腳本或樣式表的鏈接或內(nèi)容沃琅。

<title>定義文檔的標(biāo)題哗咆,將顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁上。該元素只能包含文本益眉,包含的標(biāo)簽不會被解釋晌柬。

<base>定義頁面上相對 URL 的基準(zhǔn) URL。

<link>用于鏈接外部的 CSS 到該文檔郭脂。

<meta>定義其他 HTML 元素?zé)o法描述的元數(shù)據(jù)年碘。

<style>用于內(nèi)聯(lián) CSS。

腳本:

<script>定義一個內(nèi)聯(lián)腳本或鏈接到外部腳本展鸡。腳本語言是 JavaScript屿衅。

<noscript>定義當(dāng)瀏覽器不支持腳本時顯示的替代文字。

<template>通過 JavaScript 在運(yùn)行時實(shí)例化內(nèi)容的容器莹弊。

章節(jié):

<body>代表 HTML 文檔的內(nèi)容涤久。在文檔中只能有一個?<body>?元素。

<section>?定義文檔中的一個章節(jié)忍弛。

<nav>?定義只包含導(dǎo)航鏈接的章節(jié)响迂。

<article>?定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊。

<aside>?定義和頁面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除细疚,剩下的內(nèi)容仍然很合理蔗彤。

<h1>,<h2>,<h3>,<h4>,<h5>,<h6>標(biāo)題元素實(shí)現(xiàn)了六層文檔標(biāo)題,<h1>?是最大的標(biāo)題疯兼,<h6>?是最小的標(biāo)題然遏。標(biāo)題元素簡要地描述章節(jié)的主題。

<header>?定義頁面或章節(jié)的頭部镇防。它經(jīng)常包含 logo啦鸣、頁面標(biāo)題和導(dǎo)航性的目錄。

<footer>?定義頁面或章節(jié)的尾部来氧。它經(jīng)常包含版權(quán)信息诫给、法律信息鏈接和反饋建議用的地址香拉。

<address>定義包含聯(lián)系信息的一個章節(jié)。

<main>定義文檔中主要或重要的內(nèi)容中狂。

組織內(nèi)容

<p>定義一個段落凫碌。

<hr>代表章節(jié)、文章或其他長內(nèi)容中段落之間的分隔符胃榕。

<pre>代表其內(nèi)容已經(jīng)預(yù)先排版過盛险,格式應(yīng)當(dāng)保留 。

<blockquote>代表引用自其他來源的內(nèi)容勋又。

<ol>定義一個有序列表苦掘。

<ul>定義一個無序列表。

<li>定義列表中的一個列表項(xiàng)楔壤。

<dl>定義一個定義列表(一系列術(shù)語和其定義)鹤啡。

<dt>代表一個由下一個?<dd>?定義的術(shù)語。

<dd>代表出現(xiàn)在它之前術(shù)語的定義蹲嚣。

<figure>?代表一個和文檔有關(guān)的圖例递瑰。

<figcaption>?代表一個圖例的說明。

<div>代表一個通用的容器隙畜,沒有特殊含義抖部。

文字形式:

<a>代表一個鏈接到其他資源的超鏈接?。

<em>代表強(qiáng)調(diào)?文字议惰。

<strong>代表特別重要?文字慎颗。

<small>代表注釋?,如免責(zé)聲明言询、版權(quán)聲明等哗总,對理解文檔不重要。

<s>代表不準(zhǔn)確或不相關(guān)?的內(nèi)容倍试。

<cite>代表作品標(biāo)題?。

<q>代表內(nèi)聯(lián)的引用?蛋哭。

<dfn>代表一個術(shù)語包含在其最近祖先內(nèi)容中的定義?县习。

<abbr>代表省略?或縮寫?,其完整內(nèi)容在?title?屬性中谆趾。

<data>?關(guān)聯(lián)一個內(nèi)容的機(jī)器可讀的等價形式?(該元素只在 WHATWG 版本的 HTML 標(biāo)準(zhǔn)中躁愿,不在 W3C 版本的 HTML5 標(biāo)準(zhǔn)中)。

<time>?代表日期?和時間?值沪蓬;機(jī)器可讀的等價形式通過?datetime?屬性指定彤钟。

<code>代表計(jì)算機(jī)代碼?。

<var>代表代碼中的變量?跷叉。

<samp>代表程序或電腦的輸出?逸雹。

<kbd>代表用戶輸入?营搅,一般從鍵盤輸出,但也可以代表其他輸入梆砸,如語音輸入转质。

<sub>,<sup>分別代表下標(biāo)?和上標(biāo)?。

<i>代表一段不同性質(zhì)?的文字帖世,如技術(shù)術(shù)語休蟹、外文短語等。

<b>代表一段需要被關(guān)注?的文字日矫。

<u>代表一段需要下劃線呈現(xiàn)的文本注釋赂弓,如標(biāo)記出拼寫錯誤的文字等。

<mark>?代表一段需要被高亮的引用?文字哪轿。

<ruby>?代表被ruby 注釋?標(biāo)記的文本盈魁,如中文漢字和它的拼音。

<rt>?代表ruby 注釋?缔逛,如中文拼音备埃。

<rp>?代表 ruby 注釋兩邊的額外插入文本?,用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示褐奴。

<bdi>?代表需要脫離?父元素文本方向的一段文本按脚。它允許嵌入一段不同或未知文本方向格式的文本。

<bdo>指定子元素的文本方向?敦冬,顯式地覆蓋默認(rèn)的文本方向辅搬。

<span>代表一段沒有特殊含義的文本,當(dāng)其他語義元素都不適合文本時候可以使用該元素脖旱。

<br>代表換行?堪遂。

<wbr>?代表建議換行 (Word Break Opportunity)?,當(dāng)文本太長需要換行時將會在此處添加換行符萌庆。

編輯:

<ins>定義增加?到文檔的內(nèi)容溶褪。

<del>定義從文檔移除?的內(nèi)容。

嵌入內(nèi)容:

<img>代表一張圖片?践险。

<iframe>代表一個內(nèi)聯(lián)的框架?猿妈。

<embed>?代表一個嵌入?的外部資源,如應(yīng)用程序或交互內(nèi)容巍虫。

<object>代表一個外部資源?彭则,如圖片、HTML 子文檔占遥、插件等俯抖。

<param>代表?<object>?元素所指定的插件的參數(shù)?。

<video>?代表一段視頻?及其視頻文件和字幕瓦胎,并提供了播放視頻的用戶界面芬萍。

<audio>?代表一段聲音?尤揣,或音頻流?。

<source>?為?<video>?或?<audio>?這類媒體元素指定媒體源?担忧。

<track>?為?<video>?或?<audio>?這類媒體元素指定文本軌道(字幕)?芹缔。

<canvas>?代表位圖區(qū)域?,可以通過腳本在它上面實(shí)時呈現(xiàn)圖形瓶盛,如圖表最欠、游戲繪圖等。

<map>與?<area>?元素共同定義圖像映射?區(qū)域惩猫。

<area>與?<map>?元素共同定義圖像映射?區(qū)域芝硬。

<svg>?定義一個嵌入式矢量圖?。

<math>?定義一段數(shù)學(xué)公式?轧房。

表格:

<table>定義多維數(shù)據(jù)?拌阴。

<caption>代表表格的標(biāo)題?。

<colgroup>代表表格中一組單列或多列?奶镶。

<col>代表表格中的?迟赃。

<tbody>代表表格中一塊具體數(shù)據(jù)?(表格主體)。

<thead>代表表格中一塊列標(biāo)簽?(表頭)厂镇。

<tfoot>代表表格中一塊列摘要?(表尾)纤壁。

<tr>代表表格中的?。

<td>代表表格中的單元格?捺信。

<th>代表表格中的頭部單元格?酌媒。

表單:

<form>代表一個表單?,由控件組成迄靠。

<fieldset>代表控件組?秒咨。

<legend>代表?<fieldset>?控件組的標(biāo)題?。

<label>代表表單控件的標(biāo)題?掌挚。

<input>代表允許用戶編輯數(shù)據(jù)的數(shù)據(jù)區(qū)?(文本框雨席、單選框、復(fù)選框等)吠式。

<button>代表按鈕?舅世。

<select>代表下拉框?。

<datalist>?代表提供給其他控件的一組預(yù)定義選項(xiàng)?奇徒。

<optgroup>代表一個選項(xiàng)分組?。

<option>代表一個?<select>?元素或?<datalist>?元素中的一個選項(xiàng)

<textarea>代表多行文本框?缨硝。

<keygen>?代表一個密鑰對生成器?控件摩钙。

<output>?代表計(jì)算值?。

<progress>?代表進(jìn)度條?查辩。

<meter>?代表滑動條?胖笛。

交互元素:

<details>?代表一個用戶可以(點(diǎn)擊)獲取額外信息或控件的小部件?网持。

<summary>?代表?<details>?元素的綜述?或標(biāo)題?。

<menuitem>?代表一個用戶可以點(diǎn)擊的菜單項(xiàng)长踊。

<menu>?代表菜單功舀。


4.什么是空標(biāo)簽

沒有閉合的標(biāo)簽稱為空標(biāo)簽,常見如下:

<area> <base> <br><col><colgroup>(when the span is present)<command><embed><hr>

<img><input><keygen><link><meta><param><source><track><wbr>

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

CSS 里身弊,可替換元素(replaced element)的展現(xiàn)不是由CSS來控制的辟汰。這些元素是一類 外觀渲染獨(dú)立于CSS的 外部對象。 典型的可替換元素有<img>阱佛、<object>帖汞、 <video>和 表單元素,如<textarea>凑术、 <input> 翩蘸。 某些元素只在一些特殊情況下表現(xiàn)為可替換元素,例如<audio> 和<canvas>淮逊。 通過 CSS?content?屬性來插入的對象 被稱作匿名可替換元素(anonymous replaced elements催首。

CSS在某些情況下會對可替換元素做特殊處理,比如計(jì)算外邊距和一些auto值郎任。

需要注意的是,一部分(并非全部)可替換元素命满,本身具有尺寸和基線(baseline)涝滴,會被像vertical-align之類的一些 CSS 屬性用到。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末胶台,一起剝皮案震驚了整個濱河市歼疮,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌诈唬,老刑警劉巖韩脏,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異铸磅,居然都是意外死亡赡矢,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進(jìn)店門阅仔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來吹散,“玉大人,你說我怎么就攤上這事八酒】彰瘢” “怎么了?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長界轩。 經(jīng)常有香客問我画饥,道長,這世上最難降的妖魔是什么浊猾? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任抖甘,我火速辦了婚禮,結(jié)果婚禮上葫慎,老公的妹妹穿的比我還像新娘衔彻。我一直安慰自己,他們只是感情好幅疼,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布米奸。 她就那樣靜靜地躺著,像睡著了一般爽篷。 火紅的嫁衣襯著肌膚如雪悴晰。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天逐工,我揣著相機(jī)與錄音铡溪,去河邊找鬼。 笑死泪喊,一個胖子當(dāng)著我的面吹牛棕硫,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播袒啼,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼哈扮,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了蚓再?” 一聲冷哼從身側(cè)響起滑肉,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎摘仅,沒想到半個月后靶庙,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡娃属,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年六荒,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片矾端。...
    茶點(diǎn)故事閱讀 38,617評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡掏击,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出秩铆,到底是詐尸還是另有隱情砚亭,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布式撼,位于F島的核電站鹏浅,受9級特大地震影響秕狰,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜篓跛,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望坦刀。 院中可真熱鬧愧沟,春花似錦、人聲如沸鲤遥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽盖奈。三九已至混坞,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間钢坦,已是汗流浹背究孕。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留爹凹,地道東北人厨诸。 一個月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像禾酱,于是被迫代替她去往敵國和親微酬。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案颤陶? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,737評論 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5颗管? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 27,447評論 1 45
  • 1. 前言 前端圈有個“怪赣簦”:在面試時忙上,問個css的position屬性能刷掉一半人,其中不乏工作四五年的同學(xué)闲坎。在...
    YjWorld閱讀 4,428評論 5 15
  • 學(xué)會使用CSS選擇器熟記CSS樣式和外觀屬性熟練掌握CSS各種選擇器熟練掌握CSS各種選擇器熟練掌握CSS三種顯示...
    七彩小鹿閱讀 6,306評論 2 66
  • 本文后續(xù)會持續(xù)更新疫粥。目前更新2017年的1月份,3月份腰懂,5月份梗逮,7月份,9月份绣溜,11月份慷彤,12月份,2018年的1...
    陳大沖閱讀 3,011評論 0 0