Sandy Blog

回炉重造HTML-基本结构

webstrom的使用

关于新建项目:
new file:ctrl+n
Rename(shift+F6)
作用:重名名现有文件

当出现新建好文件夹后,需要放置图片时,只需要点文件夹,再ctrl+v过来即可

setting-directory-右侧+Add Content Root(添加现有项目)

HTML

基本结构

  • <!DOCTYPE html>
  • html5的文档声明,不属于html部分;
    作用:浏览器解析html的版本;
  • <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    -html4的版本文档声明
    二者的区别:
    -html5会有新增加的标签,当文档声明是4的话,会解析不出,而出现乱码;
    所有高的东西都会迁就低的东西
  • 告诉浏览器一下部分是html的文件,语言为英文 ;”zh”为中文
  • HTML是成对出现的;

  • 当前HTML文件头部,用来放置一些预加载的文件和内容;
    为什么会预加载:
    答:因为浏览器的读取机制是从上到下的;
  • 规定整个文件的编码,并且需要放在整title前面
  • 必须知道的常用编码:
    -UTF-8/UFT-16:国际通用编码(所有浏览器默认)
    -gb2312/gbk:国标(国内自己用,不建议用)
  • 为什么要用文件编码?
    答:可以保证在服务器和客户端展示内容一致,不出现乱码;
  • 那为什么编码要放在title上?
    答:因为浏览器的读取机制从上到下;

  • 显示浏览器的页卡部分,不显示在页面的窗体内容上
  • keywords:关键字;content:里面放很多关键字,每个关键字用逗号隔开
  • description:对于整个网站或当前页面的描述是一段文字;conten:描述文字
  • 样式引入
  • 为什么样式引入是放在body前面?
    答:因为加载css文件,再加载内容,会给用户呈现一个完整的漂亮的页面;
  • type=”text/css”是css的属性
  • 为什么HEAD的内容不在浏览器窗口显示?
    答:不是因为其设有隐藏性质,而是一般我们选择放置在HEAD中的标签内容是不会显示的,这是给浏览器看的;
  • body中的内容才会在浏览器中显示,当中包含标签和主要内容;
小女子不才,还希望多多支持与鼓励,一分鼓励一毛关爱!