HTML01.基本概念

逃离我推掉我的手 2022-06-01 09:39 236阅读 0赞

Hyper Text Markup Language，超文本标记语言。标记语言，解释执行。

### **历史：** ###

1.  创始人：蒂姆·伯纳斯。
2.  1999年想改成xml，但是向大众妥协，创建了html5和xhtml。XML作为独立的产品推出了。
3.  html缺陷：内容形式不可分离，标记单一，数据不能复用等。
4.  w3c组织，制定规则（公司：规则–服务–产品–项目）

**HTML存在的问题：**  
1. Web浏览器之间兼容性很低。  
2. 文档结构不够明确，全是div。  
3. web应用程序的功能受到了限制。  
**HTML5的优势与改变：**  
1. 扩展名和内容类型不变，html htm,”text/html”  
2. 声明，不区分大小写，不区分单双引号。  
3. 字符编码  
4. 标记省略  
5. boolean类型  
6. 省略引号

### **HTML的核心：标签。** ###

标记：用于描述功能的符号。分为封闭式和非封闭式。比如：`<p></p> <br>`  
元素：标记里面的内容。`<body></body>`里面的就叫body元素。  
属性：修饰标记，多个属性之间不分先后，标准属性（通用属性）。  
通用属性:

·id：整个文档每个标签可以声明一个唯一的id号
    ·style：为元素指定CSS样式
    ·class：指定元素所属的类型
    ·title：指定标签的弹出式提示语

![这里写图片描述][70]  
`<标记名 属性1=属性值1 属性2=属性值2> 内容（元素） </标记名>`

先看最基本的HTML代码：

<html>
            
            <head>
                <title>我是标题</title>
            </head>
    
            <body>
                Hello World!
            </body>
    </html>

但是这样写很可能会乱码，至于什么是乱码，什么是编码格式，请百度。  
所以要再head里面加入：

然后html经历了很多个版本，一代版本一代神，现在流行的是html5，那么要告诉验证器我这是什么版本。  
加入：

<!DOCTYPE html>

`HTML声明中使用的标签是很特殊的(不同于前面介绍的标签语法),使用<!开始,结束也不用关闭符.`

其他版本的DOCTYPE文档类型：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
    
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

[70]: /images/20220601/9f4752ebd09342c3a8bfc9f58dd33530.png