文档中语义类标签 学习笔记

学习winter大神的极客时间,每节自己做了笔记,加强记忆,方便以后查找。

 

    开发过程中,如果所有的标签都用div和span的话,其实已经满足大部分的开发需求了。但为了能够更友好地开发,增强代码的可读性,语义类标签还是不可少。

    表示文章的侧边栏,索引等性质的工具内容。

文档中语义类标签 学习笔记_第1张图片

 

    表示文章的主体部分。

文档中语义类标签 学习笔记_第2张图片

 

-

hgroup表示标题组;h1-h6具体表示标题

 

表示缩写;WWW,title做缩写提示。

文档中语义类标签 学习笔记_第3张图片

表示普通段落

文档中语义类标签 学习笔记_第4张图片

字体加粗,强调功能

 

, ,

blockquote 表示段落级引述内容,q 表示行内的引述,cite表示引述的作品名。

文档中语义类标签 学习笔记_第5张图片

 

存放时间,如,方便机器阅读

 

figure存放文字中的图片信息,figcaption表示图片的标题

 

 

图片的标题

文档中语义类标签 学习笔记_第6张图片

 

表示定义的名次,BDSC大数据服务中心

 

你可能感兴趣的:(html)