文檔元數據
元數據(Metadata)含有頁面的相關信息,包括樣式、腳本及數據,能幫助一些軟件 (如搜索引擎, 瀏覽器等等)更好地運用和渲染頁面。對于樣式和腳本的元數據,可以直接在網頁里定義,也可以鏈接到包含相關信息的外部文件。
<base>:指定文檔里所有相對 URLs 地址的基礎 URL
<head>:規定文檔相關的通用信息(元數據),包括文檔標題、樣式或腳本的鏈接或定義。
<title>:定義文檔的標題,顯示在瀏覽器的標題欄或標簽頁上。它只可以包含文本,若是包含有標簽,則包含的任何標簽都不會被解釋。
<link>:指定了外部資源與當前文檔的關系. 這個元素的使用方法包括為導航定義關系框架.這個元素經常用來鏈接css文件。
<meta>:表示那些不能由其它HTML元相關元素<head>,<base>,<link>,<title>或<stlye>之一表示的任何元數據信息.
<stlye>:規定元素的行內 CSS 樣式
標題 h1~h6
h1:最大標題
h4:中號標題
h6:最小號標題
文本突出:
mark:幾乎和內容無關,就是為了標示(匹配搜索項,拼寫錯誤等)
strong:表示強調標簽文本內容,不改變其含義
em:表示感情上的強調,增強了語氣
段落和塊:
p:語義化的段落標簽,用于文章分段,有默認的間距
div:普通的塊標簽,多用于布局,默認沒有邊距
換行和橫線:
:換行
:橫線
行內書寫:
<span>:組合行內元素,以便通過樣式來格式化它們
圖片:
img:圖片
屬性:
- src:圖片地址
- alt: 圖片因為網絡等原因未成功加載時候的顯示文案內容
- width/height:可以是像素值或者相對于父容器的百分比,兩個屬性僅設置一個,另外一個值會按相應等比縮放
有序無序列表:
ol:有序列表
屬性:
- start:規定起始值,默認1
- type:1、A、a、I、i,默認是數字
- reversed:降序(h5新加)
ul:無序列表
屬性:type(不推薦使用,使用css)
- disc:實心原點
- square:方塊
- circle:空心圓圈
注:ol和li(ul和li)總是要在一起使用,li用來標示每個元素,ol(ul)把它們歸為一組
鏈接:
a:超鏈接
例:
<a target="_blank" >百度</a>
屬性:
- target: 打開頁面方式
- href:鏈接要指向哪里
- _self: 默認,在當前選項卡打開,替換當前頁面
- _blank:新的選項卡打開
- _parent:在父框架中打開
- _top: 在最頂層打開
- framename
按鈕
<button>:按鈕
定義表格
table:定義表格
thead :標簽定義表格的表頭
caption:定義表格標題
table屬性:
border:邊框
cellpadding:td的內邊距
cellspacing:td的外邊距
width:table寬度
td屬性:
align:水平對其方式
valign:垂直對齊方式
width:寬度,默認自動分布
dl: 展示有標題和內容的自定義表格
dt :標題子標簽
iframe: 在當前頁面嵌入一個頁面
tr :代表表格的一行
th :代表表格第一行的列內容
td :代表表格的一列
全局屬性:
class:規定元素的一個或多個類名(引用樣式表中的類)
dir:規定元素中內容的文本方向
id:規定元素的唯一 id
lang :規定元素內容的語言
draggable:規定元素是否可拖動
title:規定有關元素的額外信息
translate:規定是否應該翻譯元素內容
accesskey:規定激活元素的快捷鍵
contenteditable:規定元素內容是否可編輯
data-*:自定義屬性
spellcheck:規定是否對元素進行拼寫和語法檢查
tabindex:規定元素的 tab 鍵次序
body:定義文檔的主體