HTML知识点

1、doctype是什么,举例常见doctype及特点

  1. <!doctype>声明必须处于HTML文档的头部,在<html>标签之前,HTML5中不区分大小写
  2. <!doctype>声明不是一个HTML标签,是一个用于告诉浏览器当前HTMl版本的指令
  3. 现代浏览器的html布局引擎通过检查doctype决定使用兼容模式还是标准模式对文档进行渲染,一些浏览器有一个接近标准模型。
  4. 在HTML4.01中<!doctype>声明指向一个DTD,由于HTML4.01基于SGML,所以DTD指定了标记规则以保证浏览器正确渲染内容
  5. HTML5不基于SGML,所以不用指定DTD

SGML 是标准通用置标语言    Standard Generalized Markup language

 

2、常见的块元素和行内元素

   1、块级元素 :<div>, <p>, <h1>, <form>, <ul> 和<li>

   2、行内元素:span img input select strong

3、常见的空元素:
  	<br> <hr> <img> <input> <link> <meta>

区别:1、行内元素会在一条直线上排列,都是同一行的,水平方向排列,块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。

          2、块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。

          3、行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效

   为什么img 和 input 都是行内元素还可以设置宽度呢?

   因为他们是空元素,也叫做可替换元素,这些元素往往没有实际的内容,即是一个空元素,替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。如果img不指定w 和 h ,就按照其内在尺寸来显示。img 即为原始的图片大小,input 和 type 以及浏览器的默认样式有关

 

      

3、什么 是 HTML 语义化?

  用正确的标签做正确的事情。
html语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎解析; 即使在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的; 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO,便于收录; 使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。


4、想到再慢慢写----




 

posted @ 2017-09-04 10:10  wander的九号球  阅读(123)  评论(0编辑  收藏  举报