h5入门教程

更新时间:2020-07-07 10:37:58点击次数:321次

DOCTYPE 声明

<!DOCTYPE> 声明必须位于 HTML5 文档中的第一行,也就是位于 <html> 标签之前。该标签告知浏览器文档所使用的 HTML 规范。

doctype 声明不属于 HTML 标签;tag; 它是一条指令,告诉浏览器编写页面所用的标记的版本。

在所有 HTML 文档中规定 doctype 是非常重要的,这样浏览器就能了解预期的文档类型。

HTML 4.01 中的 doctype 需要对 DTD 进行引用,因为 HTML 4.01 基于 SGML。而 HTML 5 不基于 SGML,因此不需要对 DTD 进行引用,但是需要 doctype 来规范浏览器的行为(让浏览器按照它们应该的方式来运行。)。

  • HTML5
  • <!DOCTYPE html>
  • HTML 4.01
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> 
  • XHTML 1.0
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

css3选择器--基本选择器,层次选择器,属性选择器

对HTML页面中的元素使用CSS实现一对一,一对多或者多对一的控制,要用到CSS选择器。CSS3中提倡使用选择器来将样式与元素直接绑定起来,这样的话,在样式中什么样式与什么元素相匹配就会变得一目了然,修改起来也很方便。

  • 选择器之间有个空格
  • //选择了P元素下的所有span元素。这是后代选择器,空格是后代选择器的标识符。 .btn .btn-success{....}
  • 选择器之间有逗号
  • //选择了P元素和span元素。这是多元素选择器,同时选择多个元素,元素之间用逗号分隔。 .btn,.btn-success{....}
  • 选择器挨在一起
  • //匹配 class 属性同时含有 btn和 btn-success的元素 .btn.btn-success{....}


  • 项目经理 点击这里给我发消息
  • 项目经理 点击这里给我发消息
  • 项目经理 点击这里给我发消息
  • 项目经理 点击这里给我发消息