嘿，咱不能老靠着css

時間 2019-12-06

標籤不能靠着 css 欄目 CSS 简体版

原文原文鏈接

======= 文章正在更新，每一個標籤的例子沒補全，完成進度爲30% ========css

在古老古老的之前，那時候HTML沒有css。定義是：html

超文本標記語言（英文：HyperText Markup Language，HTML）是爲「網頁建立和其它可在網頁瀏覽器中看到的信息」html5

因此HTML的標籤即語義標籤，用來作爲一種信息記錄載體，「文檔」貌似就是很好的一個稱呼。在沒有css的幫助下，頁面也是有本身的一個文檔格式（樣式）——「具備良好語義化結構」。我想也能夠理解爲在沒有css幫助下，也有良好的可讀性。web

好久好久的以後的如今，應該儘可能保留HTML這一原生的優勢。（如下內容在HTML5的基礎上整理,HTML不支持的就不寫了）redis

HTML標籤語義簡單示意：

<!DOCTYPE>

HTML5，很是炫酷簡單的定義文檔類型.canvas

<a>

超連接，不用多說~p.s.注意不一樣連接類型用對瀏覽器

<abbr>

定義縮寫。例子ruby

<area>

定義圖像映射中的區域例子框架

<area>

定義圖像映射中的區域例子ide

<article>

定義 article

<aside>

定義頁面主要內容旁邊的內容。特別是用於2欄的佈局。

<audio>

定義音頻文件

<b>

bold加粗文字。（純粹定義這個部分用bold的樣式而已）

<base>

定義頁面中全部連接的基準 URL，頁面其餘相對路徑都是相對這個基準URL 詳情

<bdi> //定義文本的文本方向，使其脫離其周圍文本的方向設置。
<bdo> //定義文本顯示的方向。

定義文本的文本方向，使其脫離其周圍文本的方向設置例子

<blockquote>

塊級引用內容

<body>

定義 body 元素

<br>

插入換行符

<button>

定義按鈕，和type="submit"的input的區別。簡單的說就是，button這個裏面能夠加html，並且在老IE中，button這個有bug，好比IE6下會加額外的padding給button元素。

<caption>

定義表格標題 http://jsfiddle.net/lifetempo/7k4t9/

<cite>

定義引用 http://jsfiddle.net/lifetempo/aWa9B/

<canvas>

定義圖形

<caption>

定義表格標題。

<cite>

定義引用

<code>

定義計算機代碼文本。

<col>

定義表格列的屬性。

<colgroup>

定義表格列的分組。

<command>

定義命令按鈕。

<datalist>

定義下拉列表。

<dd>

定義定義的描述。

<del>

定義刪除文本。

<details>

定義元素的細節。

<dfn>

定義定義項目。

<div>

定義文檔中的一個部分。

<dl>

定義定義列表。

<dt>

定義定義的項目。

<em>

定義強調文本。

<embed>

定義外部交互內容或插件。

<fieldset>

定義 fieldset。

<figcaption>

定義 figure 元素的標題。

<figure>

定義媒介內容的分組，以及它們的標題。

<footer>

定義 section 或 page 的頁腳。

<form>

定義表單。

<frame>

HTML 5 中不支持。定義子窗口（框架）。

<h1> to <h6>

定義標題 1 到標題 6。

<head>

定義關於文檔的信息。

<header>

定義 section 或 page 的頁眉。

<hgroup>

定義有關文檔中的 section 的信息。

<hr>

定義水平線。

<html>

定義 html 文檔。

<i>

定義斜體文本。

<iframe>

定義行內的子窗口（框架）。

<img>

定義圖像。

<input>

定義輸入域。

<ins>

定義插入文本。

<keygen>

定義生成密鑰。

<kbd>

定義鍵盤文本。

<label>

定義表單控件的標註。

<legend>

定義 fieldset 中的標題。

<li>

定義列表的項目。

<link>

定義資源引用。

<map>

定義圖像映射。

<mark>

定義有記號的文本。

<menu>

定義菜單列表。

<meta>

定義元信息。

<meter>

定義預約義範圍內的度量。

<nav>

定義導航連接。

<noscript>

定義 noscript 部分。

<object>

定義嵌入對象。

<ol>

定義有序列表。

<optgroup>

定義選項組。

<option>

定義下拉列表中的選項。

<output>

定義輸出的一些類型。

<p>

定義段落。

<param>

爲對象定義參數。

<pre>

定義預格式化文本。

<progress>

定義任何類型的任務的進度。

<q>

定義短的引用。

<rp>

定義若瀏覽器不支持 ruby 元素顯示的內容。

<rt>

定義 ruby 註釋的解釋。

<ruby>

定義 ruby 註釋。

<samp>

定義樣本計算機代碼。

<script>

定義腳本。

<section>

定義 section。

<select>

定義可選列表。

<small>

將旁註 (side comments) 呈現爲小型文本。

<source>

定義媒介源。

<span>

定義文檔中的 section。

<strong>

定義強調文本。

<style>

定義樣式定義。

<sub>

定義下標文本。

<summary>

定義 details 元素的標題。

<sup>

定義上標文本。

<table>

定義表格。

<tbody>

定義表格的主體。

<td>

定義表格單元。

<textarea>

定義 textarea。

<tfoot>

定義表格的腳註。

<th>

定義表頭。

<thead>

定義表頭。

<time>

定義日期/時間。

<title>

定義文檔的標題。

<tr>

定義表格行。

<track>

定義用在媒體播放器中的文本軌道。

<ul>

定義無序列表。

<var>

定義變量。

<video>

定義視頻。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。