html基礎知識點系列1--常見元素及其語義用法

結構性元素

div

  • 本身無任何意義 可用來佈局
  • 可以包含任意內容

p

  • 表示段落
  • 只能包含內聯元素 不能包含塊級元素

blockqoute

  • 表示引用 可以包含多個段落

pre

  • 表示一段格式化好的文本

 

文本元素

a

em,strong

  • em 表示句意強調,加與不加會引起語義變化,可用於表示不同的心情或語調。
  • strong 表示重要性強調,可用於局部或全局,strong強調的是重要性,不會改變句意。

 

sub,sup

  • 表示數學和化學公式 還可以用於腳註

 

span

  • span元素本身無特殊含義

abbr

  • 表示縮寫。

ins,del

  • 分別表示從文檔中增加(插入)和刪除。

 

頭部元素

title  

  • 每個頁面必須有且僅有一個title元素。

base

  • <base target=“_blank”> 可用場景:首頁、頻道等大部分鏈接都爲新窗口打開的頁面。

script

 

head

 

link

  • link用於引入css資源時,可省去media(默認爲all)和type(默認爲text/css)屬性。

style

  • type默認爲text/css,可以省去

noscript

  • 在用戶代理不支持JavaScript的情況下提供說明

 

媒體元素

img 

 

  • 請勿將img元素作爲定位佈局的工具,不要用他顯示空白圖片。
  • 必要時給img元素增加alt屬性

 

object

  • 插入flash文件

 

iframe

 

表單元素

 

 

參考:

淘寶ued blog wiki.

w3c school中文教程

w3c 官網 html規範

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章