web语义化(Semantic HTML)

web语义化(Semantic HTML)

转载出处:顾轶灵Semantic HTML

仅用来学习和交流,此处略过HTML过语义化的背景,希望能用手动码字加深对web语义化标签的理解。

一、全局属性

id属性

标识符(用于引用),不应依赖其语义处理相应元素

class 属性

用来描述标识内容的本质特点

title

属性:规定关于元素的额外信息    这些信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text)

  • 在链接(link)-描述目标信息

  • 在图片(img)-版权/描述

  • 引用-来源信息

  • 交互元素-操作指南

  • 缩写文本(abbr)-描述缩写

 

lang属性

内容的语言

元数据(metadata)

 

meta元素

name属性决定种类,content属性表示内容
标准的元数据名:application-name, author, description, generator, keywords    已注册的拓展元数据名(WHATTWG Wii MetaExtension)    最新增加的一条 Proposal 是百度提交的 name="mobile-agent"

链接(links)

链接类型

外部资源链接:指向用来组成当前文档的外部资源,通常由 User Agent 自动处理
超链接:用来【导航】到其他资源(可以在UA中打开下载)元素:link,a,area

link元素

元数据,用来描述文档本身与其他资源的关系
必须包含rel及href属性link + rel + author, link + rel + license 都有预定义的语义

(未完待续....)

web语义化(Semantic HTML),古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。