Web前端笔记

• 1.HTML
• • 1.1HTML语法规范
  • 1.2HTML基本结构标签
  • 1.3网页开发工具
  • • 1.3.1＜！DOCTYPE＞标签
    • 1.3.2 lang语言
    • 1.3.3charset字符集
• Web标准
• • Web标准的构成

HTML是超文本标纪语言，它是用来描述网页的一种语言。
HTML不是一种编程语言，而是一种标记语言。
标记语言是一套标记标签。

1、HTML标签是由尖括号包围的关键词，例如＜html＞。一般双标签
2．HTML标签通常是成对出现的，例如＜html＞和＜／html＞，我们称为双标签。
标签对中的第一个标签是开始标签，第二个标签是结束标签。
3．有些特殊的标签必须是单个标签（极少情况），例如＜br／＞，我们称为单标签。
4、标签关系
双标签关系可以分为两类：包含关系和并列关系
例：

包含关系                        并列关系
                          
                 

第一个HTML 网页
每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写。
HTML页面也称为HTML文档

    
            
       
       
                 学习使我快乐
       

标签名                          定义                     说明
＜html＞＜／html＞              HTML标签        页面中最大的标签，我们称为根标签
＜head＞＜／head＞              文档的头部      注意在head标签中我们必须要设置的标签是title
＜title＞＜／title＞            文档的标题      让页面拥有一个属于自己的网个标题
＜body＞＜／body＞              文档的主体      元素包含文档的所有内容，页面内容基本都是放到body里面的

vscode 工具生成骨架标签新增代码

文档类型声明标签
＜！DOCTYPE＞文档类型声明，作用就是告诉测览器使用那种HT心L版本来显示网页。

< !DOCTYPE html >
这句代码的意思是：当前页面采取的是HTML5版本来显示网页。
注意：
1．＜！DOCTYPE＞声明位于文档中的最前面的位置，处于＜html＞标签之前。
2．＜！DOCTYPE＞不是一个HTML标签，它就是文档类型声明标签。

用来定义当前文档显示的语言
1．en定义语言为英语
2．zh-CN定义语言为中文
en就是英文网页，定义为zh-CN就是中文网页

字符集（character set）是多个字符的集合。以便计算机能句够识制和存储务发好在＜head＞标签内，可以通过＜meta＞标签的charset属性来规定HTML文档应该使用哪种字符编码。

charset常用的值有：GB2312，BIGS、GBK和UTF-8；其中UTF-8也被称为万国码，基本包含了全世界所有国家需要用到的字符。

web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。

主要包括结构、表现和行为三个方面

标准        说明

结构        结构用于对网页元素进行整理和分类，现阶段主要学的是HTML。
表现        表现用于设置网页元素的版式，颜色，大小等外观样式，主要指的是CSS
行为        行为是指网页模型的定义及交互的编写，现阶段主要学的是Javascript

Web标准提出的最佳体验方案：结构、样式、行为相分离。
简单理解：结构写到HTML文件中，表现写到CSS件中，行为写到JavaScript件中。