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规范