文檔聲明和html樣式表
阿新 • • 發佈:2017-12-17
text charset tns 屬性 快捷方式 編碼 title head 行內樣式
文檔聲明
不是註釋也不是元素,總是在HTML的第一行
書寫格式:<!DOCTYPE HTML> 是用於通知瀏覽器目前文檔正使用哪一個HTML版本(相關屬性 lang)
若不寫文檔聲明,瀏覽器渲染頁面時會進入怪異模式
HTML元素又叫根元素或根標記,是所有元素的祖先元素
例:<html lang="en"></html>表示該文檔中的文字用英語
<html lang="zh-cmn-hans"></html>表示該文檔中的文字用簡體中文
head元素又叫文檔頭,他是HTML的第一個子元素
head元素通常包含以下元素<title>\<meta|>\<style>\<link>
<meta charset="UTF-8">指示瀏覽器使用字符編碼集UTF-8解析頁面(meta是一個空元素)
body元素又叫文檔體,網頁上所有可見內容都放置在該元素中
快速添加內容的快捷方式:lorem+N+tab或p>loremN+tab
導入外部樣式表
例:<link rel="stylesheet" href="./main.css">
外部樣式表是寫在head元素範圍中的
link空元素表示引用外部資源 stylesheet表示導入的文件類型 href表示添加路徑 main.css表示css相對於HTML的路徑
路徑中的./表示同級的文件,../表示要返回上級
特點:實現結構與樣式分離,方便維護
導入內部樣式表
例:<style type="text/css"> <p>.......</p></style>
內部樣式表也是寫head元素範圍中的
導入行內樣式表
例:<p style="color:red;">............</p>
行內樣式表是寫在body元素範圍內的
文檔聲明和html樣式表