第一章 基础知识
1、HTML、XHTML和HTML5的区别:
HTML指的是HTML4.01,XHML比HTML语法要求更为严格(相当于HTML和HTML5的过渡版本),HTML5是HTML的下一代。
XHTML中:
标签必须被关闭<p></p>
标签及属性必须小写
标签属性值必须用引号
标签用id属性代替name属性
HTML5:
文档类型说明,化简为了<!DOCTYPE html>
标签不再区分大小写
允许属性值不加引号
允许部分属性的属性值省略(具有特殊属性的属性值是可以被省略的)
2、div和span
div是块元素,可以包含任何块元素和行内元素,span是行内元素,可以和其他行内元素位于同一行
div一般用于较大快块的结构划分,配合CSS操作,span一般用来包含文字。
3、id和class
id具有唯一性
class适合两个或两个以上的元素定义相同的样式
4、浏览器标题栏小图标
只需要在head标签里添加一个link标签即可
第二章 语义化
语义化:标题、图片、表格、表单、其他语义化、语义化验证、HTML5舍弃的标签
语义化的优点:
提高了可读性和可维护性
有利于搜索引擎优化
1、标题语义化
一个页面只能有一个h1标签
h1~h6之间不要出现断层
不要用h1~h6来定义样式
不要用div来代替h1~h6
2、图片语义化
alt属性是给搜索引擎看的,title属性是描述文字给用户看的
figure元素包含图片和图注,figcaption表示图注文字
3、表格语义化
4、表单语义化
label标签:用于将表单元素和某段说明文字关联起来
fieldset标签和legend标签:fieldset标签来给表单元素进行分组,legend标签定义某组表单的标题。
5、其他语义化
换行符<br/>
无序列表ul
strong标签加粗文本,em标签实现斜体文本。
del标签和ins标签:del用于定义被删除的文本,ins表示insert,用于定义被更新的文本。
img标签可以被搜索引擎识别,北京图片不需要被搜索引擎识别。
6、语义化验证
不同的HTML标签可以用不同的CSS实现相同的效果,可以通过去掉CSS样式判断语义是否良好,语义良好的页面在去掉CSS之后,可读性也非常高。
7、HTML5舍弃的标签
一些仅仅定义样式,没有任何语义或者被新标签代替,因此被舍弃。比如下划线u等。