学习笔记(四)初学HTML
HTML初步认识
HTML是英语HyperText Markup Language的缩写,超文本标记语言。HTML是负责描述文档语义的语言,它只有语义,除了语义,其他什么都没有。写HTML代码是通过标签对来实现的。如
<h1></h1>
<p></p>
<body></body>
HTML的基本骨架
标准骨架
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
5 <title>Document</title>
6 </head>
7 <body>
8
9 </body>
10 </html>
接下来我解释一下
来头的语句<!DOCTYPE 是文档声明头,DocType Declaration,此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
第四行的mate标签写的是字符集。常用的字符集有两种
第一种:UTF-8
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
第二种:gb2312
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
也可以写成gbk。
UTF-8是国际通用字库,里面涵盖了所有地球上所有人类的语言文字,比如阿拉伯文、汉语、鸟语……
gb2312 是国标,是中国的字库,里面仅涵盖了汉字和一些常用外文,比如日文片假名,和常见的符号。
二者各有所长,首先UTF-8字库大,但是更加臃肿,加载慢,每一个汉字要三个字节。相对而言,gb2312更加轻巧,加载快,且一个汉字仅需要两个字节,但是它的字库里只有汉字。
我们用meta标签可以声明当前这个html文档的字库,但是一定要和保存的类型一样,否则乱码!(重点)
关键词和页面描述
简单来说,关键词是告诉搜索引擎,这个网页是干嘛的,可以提高搜索效率。代码如下:
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
页面描述就是百度搜索的结果,能够显示这些语句。
代码如下:
1 <meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />
HTML中的注意事项
1.HTML对换行不敏感,对tab不敏感
HTML只在乎标签的嵌套结构,嵌套的关系。谁嵌套了谁,谁被谁嵌套了,和换行、tab无关。
换不换行、tab不tab,都不影响页面的结构。
2.空白折叠现象
HTML中所有的文字之间,如果有空格、换行、tab都将被折叠为一个空格显示。