常用浏览器
IE/火狐/谷歌/Edge/Safari/Opera/等
注:通常前端学习,一个核心之一就是在于需要做浏览器适配工作,所以了解各种浏览器内核也就尤为重要。
通常编写HTML与CSS时在谷歌浏览器预览,IE浏览器做适配。
常用编写代码软件
Dw/Sublime Text/Webstorm/HBuilder/Visual Studio
以下感触均属于个人意见,笔者长期学习以来,这些软件多多少少皆有用过。
每个编写代码软件都各有千秋,没有孰优孰劣之分。所以,修炼之路上在选择一个趁手兵器的同时,更应该是注意的是知识的积累,编写工具注定只是一件兵器而已。
笔者最先接触Dw,简单的拖拽,与代码修改就可以快速编写一个网页,没有一点基础的同学上手简单,但是软件不轻便,用时也需要做相应的学习。
在后期真正的学习中,笔者相继接触了Sublime Text、Webstorm、HBuilder,先说HBuilder,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件,且是国产软件,中文操作界面。但其性能丝毫不输其他二者,轻量级,有丰富完整的语法提示和代码输入法、代码块等,后期的移动端开发中,还可‘打包’程序成app。
Sublime Text一个崇高的文本软件。它是个轻量级、简单的代码编辑器,具有丰富的插件,可以根据自己的需要修改添加快捷键,所以运用起来极为灵活多变,但是同时也得需要花一些时间去了解各个插件用法。
Webstorm,也正是笔者正在用的软件,它被广大中国JS开发者誉为“Web前端开发神器”,功能优势更具有智能的代码补全、格式化、重构、检查和快速修复及代码调试等,但是软件不轻便,启动速度略逊于前者。
Web标准构成
结构标准:结构用于对网页元素进行整理和分类,主要指HTML。
表现标准:表现用于设置网页元素的版式、颜色、大小等外观,主要指CSS。
行为标准:行为是指网页模型的定义及交互的编写,主要指JavaScript。
标准HTML5代码格式
<!DOCTYPE html>
<html lang="zh"><!--标识声明语言类型-->
<head>
<meta charset="UTF-8"><!--字符集编码格式-->
<title>Hello World</title>
<link rel="stylesheet" href=""><!--连接外部资源,通常连接外部样式表-->
<script type="text/javascript" src=""></script><!--引入外部js脚本-->
</head>
<body>
Hello World
</body>
</html>
语义化标签
HTML文档内通常有一些语义化标签,其没有特殊的功能,但是他却有不可忽视的作用,简单说:其方便代码的阅读与维护,让浏览器、网络爬虫很好的解析,并有优化搜索的作用。