HTML要点

2020-05-05  本文已影响0人  MonsFinn

因为学爬虫学了学了些HTML和CSS,以下是自己总结的一些易错点


一、文本

1.规则

  1. html中的空格键和回车键均视为一个空格,且不可叠加,让文本显示出换行和多个空格可加入<br />&nsp
  2. 每个<p>之间有个段间距,而非简单换行
  3. 快捷注释:先选取内容,然后command+?即可,表明代码做什么、怎么做
  4. metaHTML <meta> 标签
  5. Strong/b/em的区别:strong强调重要性,em强调意思改变了,b无语义作用
  6. 预格式文本,可以控制空格和回车使其有效W3School在线测试工具 V2
  7. 计算机输出标签W3School在线测试工具 V2
  8. 缩写词和超链接中的<title>属性都让鼠标悬停显示title内容,但是两者声明不同,会影响浏览器和css对他们的识别,因此尽量符合规范
  9. 文字方向HTML <bdo> 标签,用于覆盖默认的文字方向
  10. 引用链接前必须要加http://,不然无法识别
  11. <a>中的内容是一个锚,属性设置为href或者name/id,点击内容即可向其跳转,具体见HTML 链接
    12.target属性的使用HTML <a> 标签的 target 属性,利用framename这个u语法很重要,target的值与name的值对应,网页内容就会显示在相应name值下的框架中。

2.字体

  1. 衬线字体(SERIF):字母主要笔画的末端有装饰
    无衬线字体(SANS-SERIF):字母线条笔直
    等宽字体(MONOSPACE):每个字母宽度相同
    草书字体(CURSIVE):草书特点
    虚幻字体(FANTASY):装饰字特点
  2. 显示已经插入或删除的文本,<del><ins>,其表现就是删除线和下滑心啊,但是具有语义意义,要和css中的font-decoration区别。

二、结构

  1. <!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 的位置。

三、框架

  1. 在同一个浏览器显示不止一个页面HTML 框架
  2. 框架中可嵌套框架
  3. 内联框架iframe比一般框架更灵活,可以调整长宽

四、表格

  1. cellpaddingcelispacing,控制单元格的内边距和外边距

五、列表

  1. 除了有序和无序列表还有一种定义列表,<dt><dd>

六、表单

  1. <form>定义表单,利用type来定义,HTML 表单
上一篇 下一篇

猜你喜欢

热点阅读