html 每個(gè)標(biāo)簽都自帶樣式，你知道更具體的嗎？

過(guò)web前端開發(fā)的都知道，每個(gè)標(biāo)簽都自帶樣式，比如body自帶margin，a標(biāo)簽自帶下劃線，li標(biāo)簽自帶小圓點(diǎn)，但是你知道更具體的嗎？以下的文檔還原了w3c對(duì)每個(gè)標(biāo)簽最初的定義，收藏一下，對(duì)你一定有幫助。

@charset "utf-8";/*@charset "gb2312";*//**
* ============================================================================
* 版權(quán)所有: 切版
* 網(wǎng)站地址: http://www.qieban.cn
* 該文件為W3C為標(biāo)簽賦予最原始樣式規(guī)則、制作參考無(wú)實(shí)際作用
* ----------------------------------------------------------------------------
**/ 
html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block } li { display: list-item } head { display: none } table { display: table } tr { display: table-row } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } th { font-weight: bolder; text-align: center } caption { text-align: center } body { margin: 8px } h1 { font-size: 2em; margin: .67em 0 } h2 { font-size: 1.5em; margin: .75em 0 } h3 { font-size: 1.17em; margin: .83em 0 } h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu { margin: 1.12em 0 } h5 { font-size: .83em; margin: 1.5em 0 } h6 { font-size: .75em; margin: 1.67em 0 } h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder } blockquote { margin-left: 40px; margin-right: 40px } i, cite, em, var, address { font-style: italic } pre, tt, code, kbd, samp { font-family: monospace } pre { white-space: pre } button, textarea, input, select { display: inline-block } big { font-size: 1.17em } small, sub, sup { font-size: .83em } sub { vertical-align: sub } sup { vertical-align: super } table { border-spacing: 2px; } thead, tbody, tfoot { vertical-align: middle } td, th { vertical-align: inherit } s, strike, del { text-decoration: line-through } hr { border: 1px inset } ol, ul, dir, menu, dd { margin-left: 40px } ol { list-style-type: decimal } ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 } u, ins { text-decoration: underline } br:before { content: "\A" } :before, :after { white-space: pre-line } center { text-align: center } :link, :visited { text-decoration: underline } :focus { outline: thin dotted invert } /* Begin bidirectionality settings (do not change) */ BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override } BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override } *[DIR="ltr"] { direction: ltr; unicode-bidi: embed } *[DIR="rtl"] { direction: rtl; unicode-bidi: embed } @media print { h1 { page-break-before: always } h1, h2, h3,
h4, h5, h6 { page-break-after: avoid } ul, ol, dl { page-break-before: avoid } }

切版，切圖網(wǎng)旗下靠譜的web前端外包服務(wù)切圖客群體。http://www.qieban.cn/

近米谷愛(ài)上了整理的活，HTML標(biāo)簽全稱對(duì)照，拿去?

HTML標(biāo)簽	英文全稱	中文釋義
a	Anchor	錨
abbr	Abbreviation	縮寫詞
acronym	Acronym	取首字母的縮寫詞
address	Address	地址
dfn	Defines a Definition Term	定義定義條目
kbd	Keyboard	鍵盤（文本）
samp	Sample	示例（文本
var	Variable	變量（文本）
tt	Teletype	打印機(jī)（文本）
code	Code	源代碼（文本）
pre	Preformatted	預(yù)定義格式（文本）
blockquote	Block Quotation	區(qū)塊引用語(yǔ)
cite	Citation	引用
q	Quotation	引用語(yǔ)
strong	Strong	加重（文本）
em	Emphasized	加重（文本）
b	Bold	粗體（文本）
i	Italic	斜體（文本）
big	Big	變大（文本）
small	Small	變?。ㄎ谋荆?/td>
sup	Superscripted	上標(biāo)（文本）
sub	Subscripted	下標(biāo)（文本）
bdo	Direction of Text Display	文本顯示方向
br	Break	換行
center	Centered	居中（文本）
font	Font	字體
u	Underlined	下劃線（文本）
s/ strike	Strikethrough	刪除線
div	Division	分隔
span	Span	范圍
ol	Ordered List	排序列表
ul	Unordered List	不排序列表
li	List Item	列表項(xiàng)目
dl	Definition List	定義列表
dt	Definition Term	定義術(shù)語(yǔ)
dd	Definition Description	定義描述
del	Deleted	刪除（的文本）
ins	Inserted	插入（的文本）
h1~h6	Header 1 to Header 6	標(biāo)題1到標(biāo)題6
p	Paragraph	段落
hr	Horizontal Rule	水平尺
href	hypertext reference	超文本引用
alt	alter	替用(一般是圖片顯示不出的提示)
src	Source	源文件鏈接
cell	cell	巢
cellpadding	cellpadding	巢補(bǔ)白
cellspacing	cellspacing	巢空間
nl	navigation lists	導(dǎo)航列表
tr	table row	表格中的一行
th	table header cell	表格中的表頭
td	table data cell	表格中的一個(gè)單元格
iframe	Inline frame	定義內(nèi)聯(lián)框架
optgroup	Option group	定義選項(xiàng)組

TML 文本格式化

加粗文本

斜體文本

電腦自動(dòng)輸出

這是下標(biāo) 和上標(biāo)

HTML 格式化標(biāo)簽

HTML 使用標(biāo)簽 與 對(duì)輸出的文本進(jìn)行格式, 如：粗體 or 斜體

這些HTML標(biāo)簽被稱為格式化標(biāo)簽（請(qǐng)查看底部完整標(biāo)簽參考手冊(cè)）。

	通常標(biāo)簽 <strong> 替換加粗標(biāo)簽 <b> 來(lái)使用, <em> 替換 <i>標(biāo)簽使用。然而，這些標(biāo)簽的含義是不同的：<b> 與<i> 定義粗體或斜體文本。<strong> 或者 <em>意味著你要呈現(xiàn)的文本是重要的，所以要突出顯示。現(xiàn)今所有主要瀏覽器都能渲染各種效果的字體。不過(guò)，未來(lái)瀏覽器可能會(huì)支持更好的渲染效果。

通常標(biāo)簽 替換加粗標(biāo)簽 來(lái)使用, 替換 標(biāo)簽使用。然而，這些標(biāo)簽的含義是不同的： 與 定義粗體或斜體文本。 或者 意味著你要呈現(xiàn)的文本是重要的，所以要突出顯示。現(xiàn)今所有主要瀏覽器都能渲染各種效果的字體。不過(guò)，未來(lái)瀏覽器可能會(huì)支持更好的渲染效果。

在線實(shí)例

文本格式化

此例演示如何在一個(gè) HTML 文件中對(duì)文本進(jìn)行格式化

預(yù)格式文本

此例演示如何使用 pre 標(biāo)簽對(duì)空行和空格進(jìn)行控制。

"計(jì)算機(jī)輸出"標(biāo)簽

此例演示不同的"計(jì)算機(jī)輸出"標(biāo)簽的顯示效果。

地址

此例演示如何在 HTML 文件中寫地址。

縮寫和首字母縮寫

此例演示如何實(shí)現(xiàn)縮寫或首字母縮寫。

文字方向

此例演示如何改變文字的方向。

塊引用

此例演示如何實(shí)現(xiàn)長(zhǎng)短不一的引用語(yǔ)。

刪除字效果和插入字效果

此例演示如何標(biāo)記刪除文本和插入文本。

HTML 文本格式化標(biāo)簽

標(biāo)簽	描述
<b>	定義粗體文本
<em>	定義著重文字
<i>	定義斜體字
<small>	定義小號(hào)字
<strong>	定義加重語(yǔ)氣
<sub>	定義下標(biāo)字
<sup>	定義上標(biāo)字
<ins>	定義插入字
<del>	定義刪除字

HTML "計(jì)算機(jī)輸出" 標(biāo)簽

標(biāo)簽	描述
<code>	定義計(jì)算機(jī)代碼
<kbd>	定義鍵盤碼
<samp>	定義計(jì)算機(jī)代碼樣本
<var>	定義變量
<pre>	定義預(yù)格式文本

HTML 引文, 引用, 及標(biāo)簽定義

標(biāo)簽	描述
<abbr>	定義縮寫
<address>	定義地址
<bdo>	定義文字方向
<blockquote>	定義長(zhǎng)的引用
<q>	定義短的引用語(yǔ)
<cite>	定義引用、引證
<dfn>	定義一個(gè)定義項(xiàng)目。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

在線咨詢

上一篇：HTML網(wǎng)頁(yè)編程之按鈕詳解
下一篇：jQuery中的prop和attr

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商

html 每個(gè)標(biāo)簽都自帶樣式，你知道更具體的嗎？

您的項(xiàng)目需求

html 每個(gè)標(biāo)簽都自帶樣式，你知道更具體的嗎？