HTML基础知识

web标准构成

①结构（HTML）
②表现（CSS）
③行为（JS）

DOCTYPE文档类型

lang 页面语言
en定义语言为英语
zh-cn定义语言为中文
character set 字符集
UTF-8是目前最常用的字符编码方式

HTML标签的语义化

白话：指标签的含义
解释：在合适的地方给一个最合理的标签，让结构更清晰
优点：
①方便代码的阅读和维护
②同时让浏览器或使网络爬虫可以很好地解析，从而更好分析其中的内容
③使用语义化标签会具有更好地搜索引擎优化
排版标签
<h1~h6>标题标签 作为标题使用，并且依据重要性递减
p 段落标签 可以把HTML文档分割为若干段落
hr 水平线标签
br 换行标签
div div标签用来布局，但是一行只能放一个div
span span标签用来布局，一行可以放多个span
文本化标签
b、strong文字以粗体方式显示（XHTML推荐使用strong）
b只是加粗，strong除了可以加粗还有强调的意思，语义更强烈
i和em文字以斜体方式显示（XHTML推荐使用em）
s和del文字以加删除线方式显示（XHTML推荐使用del）
u和ins文字以加下划线方式显示（XHTM不赞成使用u）

div元素

块元素
常见的块元素有h1~h6、p、div、ul、ol、li等，其中div标签是最典型的块元素
特点：
（1）比较霸道，自己独占一行
（2）高度、宽度、外边距以及内边距都可以控制
（3）宽度默认是容器（父级宽的）的100%
（4）是一个容器及合资，里面可以放行内或者块级元素
注意：
只有文字才能组成段落，因此p里面不能放块级元素，特别p不能放div
同理h1~h6、dt都不可以放其他块元素
行内元素
常见的行内元素有a、strong、b、em、i、del、s、ins、u、span等，其中span标签最典型的行内元素
行内元素的特点：
（1）相邻行内元素在一行上，一行可以显示多个
（2）高、宽直接设置是无效的
（3）默认宽度就是它本身内容的宽度
（4）行内元素只能容纳文本或其他行内元素
行内块元素
img、input
特点
（1）和相邻行内元素在一行上，但是之间会有空白缝隙，一行可以显示多个
（2）默认宽度就是它本身内容的宽度
（3）高度，行高，外边距以及内边距都可以控制
块转行内：display：inline
行内转块：display：block
块、行内元素转换为行内块：display：inline-block