HTML 标记语言组成
一、HTML 标记语言中标签和元素介绍
标签(tag):两个成对的尖括号以及其中的所有字符。如
、,标签分为起始标签和结束标签。元素(element):一对标签和其中包含的内容统。如
hello world。元素特性:特性用于对附带它们的元素进行补充说明。组成部分为-名称和值。如 baidu 特性href的值为“baidu.com”。
二、元素特性组
大多数XHTML 元素可以附带的特性,主要分为3个特性组:
核心特性:class、id和title特性。
国际化特性:dir\lang 和xml:lang
UI事件:与事件关联的特性:onclick,ondoubleclick等
2.1、元素特性分组补充
其中核心特性和国际化特性组合称为基础特性。
id 特性:唯一标识页面内的任何元素。
class 特性:指定某个元素属于哪一类元素。
dir 特性:指定文本在浏览器中显示的方向。
lang 特性:指示文档中使用的主要语言。
三、html 基本标签分类列表
标题的6个等级:h1、h2、h3、h4、h5、h6
预先格式化的一节:pre
换行:br
地址:address
表示元素:b、i、u、s、tt、sup、sub、strike、big、small、hr
短语元素:em、strong、abbr、acronym、dfn、blockquote、q、cite、code、kbd、var、samp、address
列表:ul、li、li、ol、dl、dt、dd
编辑元素:ins、del
分组元素:div、span
段落:p
常用 HTML 标记语言介绍
html 页面编写过程中有一些元素需要特别注意使用方法。
一、!DOCTYPE 声明
此声明必须在html文档的第一行,位于html标签之前
此声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中, 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。声明的写法
二、head 标签
所有头部元素的容器;可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。
包括的标签:title、base、link、meta、script和style 。
三、title 标签
定义文档的标题。
四、base 标签
为页面上的所有链接规定默认地址或默认目标(target)
默认地址:页面链接使用相对地址
默认目标:控制页面打开方式
五、link 标签
定义文档与外部资源的关系。常用于链接样式表
href
规定被链接文档的位置
type
规定被链接文档的 MIME 类型
rel
规定当前文档与被链接文档之间的关系
rel:stylesheet
文档的外部样式表
rel:start
集合中的第一个文档
rel:next
集合中的下一个文档
rel:prev
集合中的上一个文档
rel:icon
图标favicon.ico
rel:profile
链接标识的映射关系
rel:alternate
提供链接到文档的替代版本
rel:index
文档的索引
六、meta 标签
元数据(metadata)是关于数据的信息
meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
charset
页面的编码格式
content
与 http-equiv 或 name 属性相关的元信息
http-equiv
把 content 属性关联到 HTTP 头部
http-equiv:refresh
定义文档自行刷新的时间间隔
http-equiv:content-type
指定文档的字符编码
name
把 content 属性关联到一个名称。
name:author
作者
name:description
描述
name:keywords
关键词
name:viewport
控制视口(用户的网页可见区域)
七、style 标签
为 HTML 文档定义样式信息。