基础很重要
--------一位面试官的忠告
由于之前去面试，考官问及一些前端基础，才惊觉原来前端开发博大精深，远不是会写JavaScript就可以搞定的。于是于当当买了一本名字很狗血的书--《html、Css、javascript网页制作从入门到精通》，此书感觉说得实在基础，及其适合刚入门的玩家，于是准备写一些读书笔记，以供自己日后查阅，也供增强记忆。
Html （hyper text makeup language）网页超文本标记语言
Chapter 1~2，Html其实是XML的一种。其基本组成元素为：
<html>
<head>
<!-- html头部标记-->
</head>
<body>
<!-- html网页主题标记-->
</body>
</html>
每一个html页面都应包含这几个要素，现在将其掰开解释，并罗列其功能，<html>标签没有什么可以解释的，所有的页面代码都应包含在其中，类似于一个包含所有页面代码的大括号。
现在来看看
<head>标签有什么作用和属性，其属性关系图如下：
title 作用：1、定义浏览器工具栏中的标题 ；2、提供页面被添加到收藏夹时的标题；3、显示在搜索引擎结果中的页面标题
name 说明[keywords|description|revised|author|generator]：
<meta name="keywords" content="定义针对搜索引擎的关键词" />
<meta name="description" content="定义对页面的描述" />
<meta name="revised" content="定义页面的最新版本" />
<meta name="author" content="定义页面的作者" />
<meta name="generator" content="定义页面的制作工具" />
http-equiv说明[content-type|expires|refresh|set-cookie|pragma|Window-target|Pics-label]：
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
（html5中新增一个属性 charset，使得此处可以简写为）<meta charset=ISO-8859-1">
<meta http-equiv="refresh" content="[刷新页面的秒数][；url=需要跳转的地址]" />
<meta http-equiv="pragma" content="" /> 属性很多，需要用到时可以参考
星之羽憶的BLOGhttp://www.cnblogs.com/yuyii/archive/2008/10/16/1312238.html
<meta http-equiv="Expires" content="Mon, 20 Jul 2009 23:00:00 GMT [0]" />
页面缓存设置，content配置日期之前，都去取本地缓存中的页面。PS：日期必须用GMT格式,0表示已过期
<Meta http-equiv=“Set-Cookie" Content=cookievalue=xxx; expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/>
如果网页过期，则缓存失效
<Meta http-equiv="Widow-target" Content=_top>
注意：这个属性是用来防止别人在框架里调用你的页面。Content选项：_blank、_top、_self、_parent
<META http-equiv="Pics-label" Contect= (PICS－1.1'http://www.rsac.org/ratingsv01.html' I gen comment 'RSACi North America Sever' byxx>
<body>标签，w3c告诉我们：一个简单的 HTML 文档，拥有尽可能少的必需的标签。body标签的属性主要都是样式属性，而此类样式属性最好都应该写入到CSS样式文件中去，但是作为对原始HTML的学习，下面还是罗列一下body的相关属性。
bgcolor = ”背景颜色"/
background='图片的地址'/
text=‘文字的颜色'/
link='连接的颜色'/
alink=‘单击连接的颜色'/
vlink='点击后连接的颜色'/
xxmargin=各种边距/
分享到：
相关推荐
**一、插件概述** “style-ext-html-webpack-plugin”是针对HTMLWebpackPlugin的扩展，它的主要目标是将CSS文件内联到HTML文档中。这种做法对于单页应用程序（SPA）特别有用，因为它允许在页面加载时立即呈现样式，...
**gulp-striphtml** 是一个前端开发中常用的开源库，它主要功能是用于处理HTML文件，通过删除HTML标记并替换为换行符，从而实现去除HTML内容。在前端构建流程中，这种工具通常用于生成纯文本内容，比如在生成API文档...
### Web前端开发概述 #### 一、Web前端开发职责 Web前端开发主要涉及网站前端的构建，具体职责包括但不限于以下几个方面： 1. **HTML页面制作**：根据UI设计图，利用HTML按照W3C标准制作网页，同时使用CSS对页面...
`Meteor HTMLJS` 是一个前端开发框架 `Meteor` 的组成部分，它扩展了HTML的语法，使开发者能够在模板语言中直接编写JavaScript代码，极大地提高了开发效率。在这个详细的解析中，我们将深入探讨 Meteor HTMLJS 的...
根据提供的信息，我们可以总结出以下关于“Web前端全栈HTML5+大神之路”课程的知识点： ### 一、课程概述 #### 1. 课程背景 - 随着互联网技术的飞速发展，Web前端开发已经成为了一个炙手可热的职业领域。为了满足...
一、CSS 概述 CSS 是一种用于描述网页样式的标记语言，主要用于控制网页的布局、颜色、字体、图像等样式。CSS 的主要功能是将 HTML 的内容和样式分离，使得网页的样式变得灵活和容易修改。 二、CSS 语法规则 CSS ...
总结，React 是一个强大的前端框架，它的组件化、JSX、虚拟DOM和单向数据流等特性使得开发高效且易于维护。结合 Redux 和 React Router，可以构建出复杂的单页应用，同时解决状态管理和路由导航的问题。掌握这些基本...
`docma-template-zebra` 是一个专门为 `docma` 设计的开源模板，它为前端开发者提供了一个优雅的方式来组织和展示项目文档。`docma` 是一个现代化的文档生成器，它支持 JSDoc、Markdown 和 HTML，使得创建 API 文档...
这里将收集我做过的所有的前端面试笔试题，并根据自己的理解提供解答，以及一些关于前端找工作方面的经验等。 前端笔试面试题部分 试题链接 原题概述 标签分类 1.md CSS部分 CSS 2.md HTML部分 HTML 3.md FEX ...
这个库将Blob存储区建立在IndexedDB之上，提供了一种更加方便和优化的方式来管理这些数据。 **IndexedDB概述** IndexedDB 是HTML5引入的一种客户端存储机制，它允许开发者在浏览器中存储大量的结构化数据，包括...
**qp-build** 是一个专为前端开发者设计的开源构建工具，它主要用于简化和优化前端项目的构建过程。在现代Web开发中，构建工具是必不可少的一部分，它们可以帮助我们处理JavaScript、CSS、图片等资源的预处理、合并...
Handlebars是一种声明式模板语言，用于生成HTML或其他数据格式，它强调可读性和非侵入性。通过使用占位符和助手函数，开发者可以轻松地将动态数据嵌入到静态模板中。 2. **hbs-utils功能概述** `hbs-utils`主要...
本文档旨在提供一个通用的前端代码规范，涵盖 HTML、CSS、JS 和 Vue 代码规范，适合公司开发人员参考和借鉴。 概述 前端代码规范的目的在于提高代码的质量和可维护性，确保代码的可读性和可扩展性，减少错误和 Bug...
- **权重概述**：CSS选择器权重是指不同类型的CSS选择器所具有的优先级大小。理解选择器权重对于解决样式冲突至关重要。 - **内联样式** (`style="..."`) 的权值为 1000。 - **ID选择器** (`#content`) 权值为 100...
Web前端技术是构建现代网页和用户界面的核心技术之一，它主要负责网站或网页的外观展示和用户交互。前端工程师需要掌握HTML、CSS和JavaScript等技术来实现一个功能完备、用户友好的网页。本文档提供了Web前端技术的...
Metalsmith-In-Place是一款针对前端开发的开源库，它作为一个Metalsmith插件，专为处理就地模板而设计。Metalsmith本身是一个轻量级、灵活的静态站点生成器，而Metalsmith-In-Place则扩展了其功能，允许开发者在...
Rollup-plugin-preprocess 是一个针对 Rollup 构建工具的插件，它旨在帮助开发者在构建前端项目时对源代码进行预处理。Rollup 以其模块捆绑的高效性和灵活性而闻名，而预处理插件的加入则进一步增强了它的功能，允许...
该项目为一次典型的期末前端web大作业，旨在通过构建一个在线书店的界面，使学生能够实践并掌握HTML、CSS以及JavaScript的基本用法。本项目的主题是“基于HTML的当当图书网项目”，通过一系列的设计与实现过程，学生...
生成的图形通常以图片形式返回给前端，可以嵌入到 HTML 页面中。另外，Graphviz 也支持 SVG 输出，这样可以更好地实现交互式图表，比如通过 JavaScript 控制节点的高亮和隐藏。 总结，Graphviz 和 node-graphviz ...
`filter-gradient` 是一个专门针对前端开发设计的开源库，它的主要功能是为那些不支持CSS3渐变的老版本Internet Explorer（IE）浏览器生成过滤器渐变效果。这个库旨在帮助开发者解决在老旧浏览器中实现现代网页设计...