html文档声明大小写,HTML基础学习笔记整理

W3C标准：

结构：HTML描述页面的结构

表现：CSS控制页面中元素的样式

行为：JavaScript相应用户操作

HTML(Hypertext Markup Language)超文本标记语言

标签体标签名>

根标签：html(一个网页有且仅有一个，所有内容都要写在里面)

头部：head(表示网页的源数据，head中内容网页不显示，是给浏览器、搜索引擎看)

标题：title(显示在标签上)

主体：body(网页里所有的可见内容都写在里面)

关系：

head和body是html的子标签

title是head的子标签

title是html的后代

html是title的祖先

自结束标签：(只有一边)

注释：(不能嵌套)

属性：在标签中(开始标签或自结束标签)

属性是一个名值对(x=y)

属性用来设置标签中内容如何显示

属性和标签名或其他属性应该使用空格隔开

属性名和值都不能随便写，应该根据规定写

有些属性有属性值，有些没有；如果有属性值，属性值应该用引号引起来(单引号双引号都可以)

文档声明(doctype)：

用来告诉浏览器当前网页的版本

HTML5的文档声明：(不区分大小写)

注意：写在最上面

字符编码：

所有的数据在计算机中存储时都是以二进制形式存储

编码：将字符转换为二进制码的过程

解码：将二进制码转换为字符的过程

字符集(charset)：编码和解码所采用的规则

乱码问题：如果编码和解码所采用的字符集不同就会出现乱码问题

常见的字符集：

ASCII(英美7位128)

ISO88591(欧洲8位256)

GB2312(中国)

GBK(中国扩展)

UTF-8(万国码)

注意：在head标签内

小结：

文档声明、根标签、head标签、body标签、字符集

meta标签和title标签在head里，在网页中显示的内容写在body里

实体：

在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格

在HTML中有些时候，我们不能直接书写一些特殊字符(比如，多个连续的空格、字母两侧的大于号小于号)

如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体(转义字符)

实体的语法：&实体的名字；

meta标签：

用于设置网页中的一些元数据(元数据不是给用户看的)

charset 指定网页的字符集(上面的字符集)

name 指定的数据的名称

content 指定的数据的内容

keywords 表示网站的关键字，可以同时指定多个关键字，关键字间使用逗号隔开(搜索引擎中搜索关键字内容，会给出网页)

description 用于指定网站的描述(网站的描述会显示在搜索引擎的搜索结果中(超链接下的小文字))

还有一个常见用法：

title标签：

内容会作为搜索结果的超链接上的文字显示

语义化标签：

在网页中HTML专门用来负责网页的结构，所以在使用html标签时，应该关注的是标签的语义，而不是它的样式。

标题标签：h1——h6 一共有六级标题(h1在网页中的重要性仅次于title标签，一般情况下一个页面中只会有一个h1)注意：一般情况下标题标签只会使用h1-h3，h4-h6很少用

hgroup标签：用来为标题分组，可以将一组相关的标题同时放入hgroup

p标签：表示一个段落

em标签：语音语调的加重

strong标签：强调重要内容

blockquote标签：长引用(会独占一行，并且缩进)

q标签：短引用(不会换行，且有双引号)

br标签：页面中的换行

块元素(block element)：在页面中独占一行的元素

- 在网页中一般通过块元素来对页面进行布局

- 如：标题标签、p标签

行内元素(inline element)：在页面中不会独占一行的元素

- 行内元素主要用来包裹文字

- 如：超链接

注意：一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素，块元素中基本上什么都能放，p元素中不能放任何块元素