1. 程式人生 > >文檔聲明和html樣式表

文檔聲明和html樣式表

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樣式表