HTML标签是分等级的,HTML将所有的标签分为两种:容器级、文本级。
顾名思义,容器级的标签,里面可以放置任何东西;文本级的标签里面,只能放置文字、图片、表单元素。
文本级:p、span、a、b、i、u、em
容器级:div、h系列、li、dt、dd
文档声明头
大规范 | 小规范 |
---|---|
HTML4.01 | Strict 严格的,体现在一些标签不能使用,比如u |
Transitional 普通的 | |
Frameset 带有框架的页面 | |
XHTML1.0 严格体现在小写标签、闭合、引号 Strict | Strict 严格的,体现在一些标签不能使用,比如u |
Transitional 普通的 | |
Frameset 带有框架的页面 |
字符集
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
字符集用meta标签定义,meta表示“元”。“元”配置,就是表示基本的配置项目。
关键字和页面描述
meta除了可以设置字符集,还可以设置关键字和页面描述。
设置页面描述:
<meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />
只要设置的Description页面面熟,那么百度搜索结果,就能够显示这些语句,这个技术叫做SEO,search engine optimization,搜索引擎优化。
定义关键词:
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
这些关键词,就是告诉搜索引擎,这个网页是干嘛的,能够提高搜索命中率。让别人能够找到你,搜索到你。
Keywords就是“关键词”的意思。
空白折叠现象
HTML中所有的文字之间,如果有空格、换行、tab都将被折叠为一个空格显示。
超链接
a是英语anchor“锚”的意思,就好像这个页面往另一个页面扔出了一个锚。是一个文本级的标签。
href是英语hypertext reference超文本地址的缩写。读作“喝瑞夫”,不要读作“喝夫”。
title 悬停文本
<a href="09_img.html" title="很好看哦">结婚照</a>
target 是否在新窗口中打开
target实际上是“目标”的意思。
<a href="09_img.html" title="很好看哦" target="_blank">结婚照</a>
blank就是“空白”的意思,就表示新建一个空白窗口。
完整的超级链接:
<a href="1.html" title="悬停文本" target="_blank">链接的内容</a>
列表
无序列表
ul就是英语unordered list,“无序列表”的意思。
li 就是英语list item , “列表项”的意思。
li不能单独存在,必须包裹在ul里面;反过来说,ul的“儿子”不能是别的东西,只能有li。
有序列表
ordered list 有序列表,用ol表示
<ol>
<li></li>
<li></li>
<li></li>
</ol>
定义列表
dl表示definition list 定义列表
dt表示definition title 定义标题
dd表示definition description 定义表述词儿
dt、dd只能在dl里面;dl里面只能有dt、dd
div和span
div和span是非常重要的标签,div的语义是division“分割”; span的语义就是span“范围、跨度”。
span也是表达“小区域、小跨度”的标签,但是是一个“文本级”的标签。