前端知识回顾系列(一) ----HTML

  前言:最近一几个月因为项目繁忙,加上要做好离职交接所以就没在自己的新博客上捣鼓,貌似我是上一年12月才入的博客园哈哈,最近要找工作,所以简单的整                理一下前端的知识,也让自己在面试的时候有个底,也和大家分享一下。如果有什么不对的地方,请大家不要吝啬哈。

  1. 理解纯文本文档

    (1)只有文本,没有样式

    (2)有记事本等纯文本编辑器可读可写,不是乱码

    (3)Html、CSS、JS都是纯文本文档

  2. HTML是负责描述语义的语言(是什么、有何用)

    (1)HTML超文本标记语言。

    (2)在浏览器无法看见,所以“超文本”。

    (3)给文本添加语义

    (4)由许多标签对组成

  3. HTML的基本骨架(构成)

    (1)第一行熟知7种文档类型声明,常用的有HTML4.01和XHTML1.0(严格模式)还有HTML5的声明,

    (2)最外层<html></html>标签对,表明该文档为HTML文档,或包含命名空间的声明也就是一种规范

    (3)<head></head>部分包含,字符集配置、关键字、页面描述、标题、其他引用比如CSS、JS

       字符集:<meta http-equiv=”Content-Type” content=”text/html;charset=utf-8”/>

       关键字:<meta name=”Keywords” content=””/>

       页面描述:<meta name=”Description” content=””/>

       标题:<title></title>

       SulimeText快速生成骨架:html:xt 按ctrl+e,当字符集改为gb2312时,记得保存时在文件选项里改变

    (4)性质:对换行和Tab不敏感、空白折叠,无论几个空格,几个缩进,几个换行文字之间都显示为一个空格、标签严格封闭

    (5)HTML常用标签

       文本级:只能放文字、图片、表单元素<a>、<p>、<span>、img

       容器级:可以放置盒子,其他文本标签。<div>、<h1-h6>、<ul>、<li>、<ol>、

           <dl>、<dt>、<dd>、<form>、<input>、<select>、<textarea cols=”” rows=””>

          <input type=”radio” name=”sex” id=”nan”/> <label for=”nan”>男</label>

          <img src=”../../images” alt=””/>相对路径:就是相对于自己,从自身出发

          <a href=”../../” title=”移到这里显示什么” target=”_blank”/>

          锚点设置:<a name=”ac”></a>

          访问锚点:<a href=”#ac”></a>

          注释:<!—注释 -->   空格的表示&nbsp、版权&copy

          废弃:<b>  <u>  <i>  <del>  <em>  <strong>  <hr>  <br>

posted @ 2017-03-20 17:02  岁痕  阅读(136)  评论(0)    收藏  举报