前端日常笔记

web前端的定义：是面向用户（浏览者）的互联网技术统称。主要包括Web界面的结构、Web界面的外观视觉表现以及Web界面的交互实现。

 

Web前端的分类：前端设计和前端架构。

HTML结构语言：超文本标记语言。

通过各种标记符号（标签）来代表网页中的内容元素、将网页中的内容结构化。

特点：通过浏览器来解析、文件名为html。

     2.  CSS样式语言（样式表）：实现表现与结构分离的样式设计语言。

控制网页的视觉表现及简单交互。通过浏览器来解析，文件名为css。

     3.  DW编码软件（dreamwaver）

两大主要功能：网页编程和管理网站。推荐版本：CS6/CC。

相关资源：1.HTML参考手册+CSS参考手册  2.DW软件安装  3.多款浏览器

网站的结构

网站是存放在服务器上的一个文件夹（根目录），是网站所有文件的集合。

网站中的各种文件按照文件类型或功用分门别类的整理存放。

文件的命名规则

网站中的所有文件命名全部用英文字母、数字、下划线、连字符的组合，其中不得包含汉字、空格和特殊字符。

尽量采用语义明确简单地英文单词<!--html语言中的注释-->

HTML是具有语义化的语言，针对网页的布局，有一类标签代表各种意义的“布局盒子”。所有的布局类标签都主要用来构建页面的内容区域，是双标签类型，是双标签类型，默认显示为块状元素。

通用的布局标签：<div>。语义：无明确的含义，通常就是代表“盒子”；应用：根据布局的需要，可以使用到任何地方，可以用id和class来对<div>进行定义或区分。