前端知识回顾系列(一) ----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>
注释:<!—注释 --> 空格的表示 、版权©
废弃:<b> <u> <i> <del> <em> <strong> <hr> <br>

浙公网安备 33010602011771号