因为学爬虫学了学了些HTML和CSS,以下是自己总结的一些易错点
一、文本
1.规则
- html中的空格键和回车键均视为一个空格,且不可叠加,让文本显示出换行和多个空格可加入
<br />
和&nsp
- 每个
<p>
之间有个段间距,而非简单换行 - 快捷注释:先选取内容,然后
command+?
即可,表明代码做什么、怎么做 - meta:HTML <meta> 标签
-
Strong/b/em
的区别:strong强调重要性,em强调意思改变了,b无语义作用 - 预格式文本,可以控制空格和回车使其有效W3School在线测试工具 V2
- 计算机输出标签W3School在线测试工具 V2
- 缩写词和超链接中的
<title>
属性都让鼠标悬停显示title内容,但是两者声明不同,会影响浏览器和css对他们的识别,因此尽量符合规范 - 文字方向HTML <bdo> 标签,用于覆盖默认的文字方向
- 引用链接前必须要加
http://
,不然无法识别 -
<a>
中的内容是一个锚,属性设置为href
或者name/id
,点击内容即可向其跳转,具体见HTML 链接
12.target
属性的使用HTML <a> 标签的 target 属性,利用framename这个u语法很重要,target
的值与name
的值对应,网页内容就会显示在相应name值下的框架中。
2.字体
- 衬线字体(SERIF):字母主要笔画的末端有装饰
无衬线字体(SANS-SERIF):字母线条笔直
等宽字体(MONOSPACE):每个字母宽度相同
草书字体(CURSIVE):草书特点
虚幻字体(FANTASY):装饰字特点 - 显示已经插入或删除的文本,<del><ins>,其表现就是删除线和下滑心啊,但是具有语义意义,要和css中的font-decoration区别。
二、结构
-
<!DOCTYPE>
声明位于文档中的最前面的位置,处于<html>
标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
以下面这个<!DOCTYPE>
标签为例:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “TR/xhtml1/DTD/xhtml1-strict.dtd”>
在上面的声明中,声明了文档的根元素是 html,它在公共标识符被定义为 “-//W3C//DTD XHTML 1.0 Strict//EN” 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。
三、框架
- 在同一个浏览器显示不止一个页面HTML 框架
- 框架中可嵌套框架
- 内联框架iframe比一般框架更灵活,可以调整长宽
四、表格
-
cellpadding
和celispacing
,控制单元格的内边距和外边距
五、列表
- 除了有序和无序列表还有一种定义列表,
<dt>
和<dd>
六、表单
-
<form>
定义表单,利用type来定义,HTML 表单