HTML5
- HTML5
- 規范
- 文本格式化標簽
- 計算機輸出標簽
- 參考，術語
- 條件注釋
- 顏色
- 鏈接
- img
- 表格table
- 串列list
- 表單form
- 塊div
- head
- html5新東西
- 轉義字符
- 特殊符合
- 表情符號
- 字符集
- URL
- 框架
- 背景
- html版本
規范
- 請始終在檔案的首行宣告檔案型別：<!DOCTYPE html>
- 關閉所有標簽
<p>This is a paragraph.</p>
<meta charset="utf-8" /> - 屬性值加引號
- 對影像始終使用 alt 屬性
- 等號兩邊不要空格
- 避免代碼行超過 80 個字符，
- 勿毫無理由地增加空行，
增加空行來分隔大型或邏輯代碼塊，
請增加兩個空格的縮進，請勿使用 TAB，什么東西 - 不推薦省略 <head><html> 和 <body> 標簽，
- <title> 元素在 HTML5 中是必需的，請盡可能制作有意義的標題，
- 使用簡單的語法來鏈接樣式表（type 屬性不是必需的）：
<link rel="stylesheet" href="https://www.cnblogs.com/wqzz/p/styles.css"> - 請使用簡單的語法來加載外部腳本（type 屬性不是必需的）：
<script src="https://www.cnblogs.com/wqzz/p/myscript.js"> - 使用小寫檔案名 大多數 web 服務器（Apache、Unix）對檔案名的大小寫敏感：
文本格式化標簽
| b | big | em | i | small | strong | sub | sup | ins | del |
|---|---|---|---|---|---|---|---|---|---|
| 粗體 | 大號 | 著重 | 斜體 | 小號 | 加重 | 下標 | 上標 | 插入 | 洗掉 |
計算機輸出標簽
| code | kbd | samp | tt | var | pre |
|---|---|---|---|---|---|
| 代碼 | 鍵盤碼 | 代碼樣本 | 打字機代碼 | 變數 | 定預格式文本 |
參考，術語
| abbr | acronym | address | bdo | blockquote | q | cite | dfn |
|---|---|---|---|---|---|---|---|
| 縮寫 | 首字母縮寫 | 地址 | 文字方向 | 長參考 | 短參考 | 參考引證 | 專案 |
條件注釋
!--[if IE 8]
.... some HTML here ....
![endif]--
條件注釋定義只有 Internet Explorer 執行的 HTML 標簽，
顏色
鏈接
- target="_blank /_self /_top ""
- a href="https://www.cnblogs.com/wqzz/p/#"回到頂部 a href="https://www.cnblogs.com/wqzz/p/#"
- a href="https://www.cnblogs.com/wqzz/p/##"空鏈接 a href="https://www.cnblogs.com/wqzz/p/##"
- a href="https://www.cnblogs.com/wqzz/p/#tips"錨 用id 或name跳轉
img
alt 代替文本
map area不同區域映射鏈接
align 排列（上中下對其） 浮動（左右位置）
表格table
串列list
表單form
塊div
head
| head | 定義關于檔案的資訊， |
|---|---|
| title | 定義檔案標題，定義瀏覽器工具列中的標題 提供頁面被添加到收藏夾時顯示的標題 顯示在搜索引擎結果中的頁面標題 |
| base | 定義頁面上所有鏈接的默認地址或默認目標， |
| link | 定義檔案與外部資源之間的關系，最常用于連接樣式表 |
| meta | 定義關于 HTML 檔案的元資料， |
| script 定義客戶端腳本， | |
| style | 定義檔案的樣式資訊， |
html5新東西
| article | 定義文章， |
|---|---|
| aside | 側邊欄， |
| details | 細節 |
| figcaption | 圖配標題 |
| figure | 規定自包含內容，比如圖示、圖表、照片、代碼清單等， |
| footer | 定義檔案或節的頁腳， |
| header | 規定檔案或節的頁眉， |
| main | 規定檔案的主內容， |
| mark | 定義重要的或強調的文本， |
| nav | 定義導航鏈接， |
| section | 定義檔案中的節， |
| summary | 定義 details 元素的可見標題， |
| time | 定義日期/時間， |
轉義字符
特殊符合
表情符號
字符集
meta charset="UTF-8"
URL
如：http://www.w3school.com.cn/html/index.asp
格式：scheme://host.domain:port/path/filename
scheme - 定義因特網服務的型別，有 http，https，ftp，file
host - 定義域主機（http 的默認主機是 www）
domain - 定義因特網域名，比如 w3school.com.cn
:port - 定義主機上的埠號（http 的默認埠號是 80）
path - 定義服務器上的路徑（如果省略，則檔案必須位于網站的根目錄中），
filename - 定義檔案/資源的名稱
URL編碼
URL 只能使用 ASCII 字符集來通過因特網進行發送，URL 編碼使用 "%" 其后跟隨兩位的十六進制數來替換非 ASCII 字符，
URL 不能包含空格，URL 編碼通常使用 + 或%20 來替換空格，
框架
同一個瀏覽器視窗中顯示不止一個html頁面
frame frameset
iframe內嵌網頁
背景
html版本
!DOCTYPE
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/455527.html
標籤：Html/Css
上一篇：flex這些問題應該被理解
下一篇：Node.js基礎入門第六天