首先吐槽一句,本来想上传word文档的,可是发现博客不能上传word文档,这就很尴尬了。首先声明该规范不是本人写的,网上搜前端规范发现这个很详细就先复制下来做笔记,当然不可能啥都按规范来,每个公司的规范都不一样..仅供参考 前端开发规范文档 Html规范1 代码风格1.1 缩进**【强制】**使用 4 个空格作为一个缩进层级，不允许使用 2 个空格或 tab 字符；2 属性2.1 属性引号**【强制】**对于属性的定义使用双引号，不允许使用单引号，不...
相对地址与绝对地址网页上引入或链接到外部文件，需要定义文件的地址，常见引入或链接外部文件包括以下几种：<!-- 引入外部图片 --> <img src="images/001.jpg" alt="图片" /><!-- 链接到另外一个网页 --> <a href="002.html">链接到网页2</a><!-- 外链一个css文件 --> <link rel="stylesheet" type="text/css" href="css/main.css" /><!-- 外链一个js文件 --> <script type="text/javascript" src="js/jquery.js"></scrip...
1.CSS 可以通过以下方式添加到 HTML 中：内联样式 -- 在 HTML 元素中使用 "style" 属性内部样式表 -- 在 HTML 文档头部 <head> 区域使用 <style> 元素来包含 CSS外部引用 -- 使用外部 CSS 文件最好的方式是通过外部引用 CSS 文件2.内联样式（内链式引入写法）在标签中加入 style 属性，style 就是 css 样式代码当特殊的样式需要应用到个别元素时，就可以使用内联样式使用内联样式的方法是在相关的标签中使用样式属性，样式属性可以...
一、豆瓣页面、html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>豆瓣页面</title> <link rel="stylesheet" href="../css/home.css"></head><body> <!--顶部导航栏--> <header> <!--顶部左侧导航--> <ul class="left-ul"> <li><a href="#">豆瓣</a></li> <li><a href="#">读书</a></li> <li><a href="#">电影</a></li> <li>...
元素选择器最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器：p { text-indent:10px; color:blue; } 什么情况下使用元素选择器，一般我们这样认为： 如果你想要让页面中所有的指定元素都有这个CSS效果，可以使用元素选择器。 有这样一段html代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="index.css"><title></title></head><bo...
Ps: 1.标准流 2.浮动 3.定位 CCS重点 原文：https://www.cnblogs.com/bee-home/p/10606460.html
1.onchange是表单内容改变时触发事件；onaclive事件是页面打开了，第二次或两次以上页面激活显示时触发；onload事件是页面第一次打开的时候触发，表示页面加载完执行的事件；onresize事件会在窗口或框架被调整大小时发生(BOM对象)； 2.定义和用法 <hr> 标签在 HTML 页面中创建一条水平线。 水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。 定义和用法 <br> 可插入一个简单的换行符。 <br> 标签是空标签（意味着它...
1. 变量命名（1）变量名不应以短巧为荣左边的变量名都不太清楚，代码的扩展性不好，一旦代码需要加功能的话，就容易出现obj1、obj2、obj3这种很抽象的命名方式。所以一开始就要把变量的名字起得真实有意义，不要搞一些很短很通用的名字。（2）bool变量建议布尔变量不用以is/do之类的开头var isMobile = true,isError = true,doUpdate = false;可改成：var mobile = true,error = true,updated = false;还有其它一些常用的名称如don...
html中的空格的规则在html中内容中的多个空格一般会被视为一个，连续的多个空格符被自动合并了。同时内容前后的空格也会被清除， 如下：<p> fly63 com </p> 显示效果为：fly63 com 备注：浏览器的这种机制处理，同样适用于除了普通的空格键，还包括制表符（\t）和换行符（\r和\n），可以通过使用<br>标签显式表示换行。 html空格保留这时候如果希望html中多个连续的空格在网页上能显示，在浏览器中表现出真实的自身空格缩进和换行...
主要在于添加正则表达式对用户的用户名及密码进行限制注册页面相差不大，不过需要建一个数组保存注册的账号。 html： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>爱购登录</title> <link rel="stylesheet" type="text/css" href="css/dl_style.css"/> </head> <body> <div class="wraper"> <div class="row_one"> <img src="img/logo.png" /> <div class="imgright2 imgright"></div> <di...
案例一：导航菜单的制作垂直菜单<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title><style type="text/css">* {margin: 0;padding: 0;font-size:14px;}ul{list-style:none;width:100px;}a{text-decoration:none;display:block;height:30px;line-height:30px;width:100px;background-color:#ccc;margin-bottom: 3px;text-align:center;}a:hover{color:red;font-weight:bold;bac...
<html><head><title>EdsonLin</title><style type="text/css">body{background-color:#d2b48c;margin-left: 20%; margin-right: 20%;border: 2px dotted black;padding: 10px 10px 10px 10px;font-family:sans-serif;}</style></head><body><img src="image/curry.jpg"><h1>EdsonLin‘s first html file.</h1><h2>天气</h2><p id="天气">有点冷<a href="weather/weather.html">Weather</a></p><h2>时间</h2><p><time>19:39</time...
一、标签语义化（重点）：1、可以方便代码的阅读和维护2、同时让网络爬虫更好的解析从而更好的分析其内容3、更好的优化引擎如何做到标签语义化：个人理解是，首先，网页的HTML主要作用在网页的结构上面，W3C规范定义了很多标签，标签都具有它的意义，例如：<p>定义的是一个段落 <h1>~<h6>分别定义了标题的大小；这些一个一个的标签都有它的使用用途，根据相应的定义来使用它，使得我们能够有上图的一些结构方面语义化后带来的网页优...
(一)html标签部分 p标签--->表示一个段落 h标签--->标题标签 网页中一般只用:h1、h2、h3这个三个标签。并且h1标签在一个网页中有且只有一个,一般用于网页的标题。 div标签--->可以理解为盒子容器 a标签--->链接标签 比如要跳转到百度<a href="www.baidu.com">百度</a> img标签--->在网页中引用图片 比如我要链接一张图片:<img src="图片地址" widt...
一、HTML注释<!-- 单行注释 --><!--多行注释 --> 二、CSS注释<style type="text/css">/* 单行注释 *//*多行注释 */</style> 三、JavaScript注释// 这是一个单行注释/*这是一个多行注释*/ 原文：https://www.cnblogs.com/simplelong/p/13424072.html