html基础知识

Demo_Yang

发布于 2018-10-15 16:24:08

7020

文章被收录于专栏：yang0rangeyang0range

http

超文本传输协议，Hypertext Transfer Protocol。这是一个文件的传输协议，我们上网的时候，所有的文件都是通过HTTP这个协议，从服务器上传输到客户的电脑里面的。

html

HTML是英语HyperText Markup Language的缩写，超文本标记语言。

现在的业界的标准，网页技术严格的三层分离：html就是负责描述页面的语义；css负责描述页面的样式；js负责描述页面的动态效果的。

文档声明头

任何一个标准的HTML页面，第一行一定是一个以

<!DOCTYPE ……

开头的语句。这一行，就是文档声明头，DocType Declaration。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。到底有哪些规范呢？ HTML4.01这个版本，这个版本是IE6开始兼容的。HTML5是IE9开开始兼容的.但是手机兼容性更高。

HTML4.01里面有两大种规范

HTML4.01里面有两大种规范，每大种规范里面又各有3种小规范。所以一共6种规范

HTML4.01里面规定了普通、XHTML两大种规范。
HTML觉得自己有一些规定不严谨，比如，标签是否可以用大写字母呢？
1<H1></H1>
所以，HTML就觉得，把一些规范严格的标准，又制定了一个XHTML1.0。在XHTML中的字母X，表示“严格的”。

总结一下，一共有6种DTD，说白了，HTML第一行语句一共有6种：

strict表示“严格的”，这种模式里面的要求更为严格。这种严格体现在哪里？有一些标签不能使用。比如，u标签，就是可以让一个本文加上下划线，但是这和HTML的本质有冲突，因为HTML只能负责语义，不能负责样式，而u这个下划线是样式。所以，在strict中是不能使用u标签的。 Transitional表示“普通的”，这种模式就是没有一些别的规范。 Frameset表示“框架”，在框架的页面使用。

中文能够使用的字符集两种：第一种：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

<meta http-equiv="Content-Type" content="text/html;charset=gbk">

有两个字库UTF-8和gb2312。
UTF-8是国际通用字库，里面涵盖了所有地球上所有人类的语言文字，比如阿拉伯文、汉语……
gb2312 是国标，是中国的字库，里面仅涵盖了汉字和一些常用外文，比如日文片假名，和常见的符号

meta除了可以设置字符集，还可以设置关键字和页面描述。设置页面描述：

<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />

只要设置的Description页面面熟，那么百度搜索结果，就能够显示这些语句，这个技术叫做SEO，search engine optimization，搜索引擎优化。定义关键词：

<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />

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   <meta name="Keywords" content="牛逼，很牛逼，特别牛逼" />
6   <meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />
7   <title>Document</title>
8</head>
9<body>
10  
11</body>
</html>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2017.03.20 ，如有侵权请联系 cloudcommunity@tencent.com 删除

其他

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

其他

登录后参与评论

0 条评论

热度