HTML5學習筆記1

時間 2019-11-09

標籤 html5 html 學習筆記欄目 HTML5 简体版

原文原文鏈接

1.HTML5概述css

繼html4和xhtml1.0後的超文本標記語言最新版本。
最重要的三項技術：html5核心規範（標籤元素），CSS3，JavaScript
2008年發佈，主要爲了補全功能。
特色：1.向下兼容；2。用戶至上；3.化繁爲簡；4.無插件範式（flash插件）；5.訪問通用性；6.引用語義；7.引入原生媒體支持；8.引入可編程內容；
開發工具：sublime text3，Soda Dark3軟件界面主題。html

2.基本格式
<!DOCTYPE html>               //文檔類型聲明
<html lang="zh-cn">           //設置語言
<head>
   <meta charset = "utf-8"> //設置編碼
   <title>基本格式</title>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
</body>
</html>html5

元素標籤
　　1單標籤 <meta> <img>
　　2.雙標籤<a></a>
元素，屬性，值，文本編程

head元素 //頁面不可見
　　用來包含元數據內容，用來給瀏覽器提供信息，元數據包括：<link>,<meta>,<noscript>,<script>,<style>,<title>瀏覽器

body元素 //頁面可見安全

3.文本元素ruby


元素名稱	說明	解釋
a	生成超連接
br	強制換行
wbr	可安全換行	en
b	標記一段文字但不強調	實際做用就是加粗
strong	表示重要	和b同樣，但強調重要的文字
i	表示外文或科學術語
em	表示強調
code	表示計算機代碼	en
var	表示程序輸出	en
samp	表示變量	en
kdb	表示用戶輸入	en
abbr	表示縮寫
cite	表示其餘做品的標題	實際做用就是加粗
del	表示被刪除的文字
s	表示文字已不在確認
dfn	表示術語定義
mark	表示與另外一段上下文有關的內容	用於記號
q	表示引自他處的內容
rp	與ruby一塊兒使用，標記括號
rt	與ruby一塊兒使用，標記括號
ruby	表示位於表意文字上方或者右方的注音符號	爲非西方語言提供支持
bdo	控制文字方向
small	表示小號字體內容
sub	表示下標字體	sub，sup實際就是數學上的上標和下標
sup	表示上標字體
time	表示時間或者日期
u	標記一段文字但不強調
span	通用元素，沒有任何語義，通常配合css修飾