前端细节重温

表单控件的4大属性:name,id,class,style

 

同一个页面区分不同form,根据name即可

 

<!DOCTYPE html>

声明文档类型,告诉浏览器当前文档是H5的一个文档

 

<html lang="zn-cn">

lang声明当前文档语言类型,这里我是中文

 

<meta charset="utf-8">

设置当前文档的编码格式

 

<meta http-equiv="X-UA-Compatible" content="IE=edga">

设置IE浏览器的解析渲染模式

 

<meta name="viewport" content="width=device-width,initial-scale=1">

视窗设置,全局样式里涉及到

 

<title>我是标题</title>

网页标题,显示在网页顶端

 

加载两个js库只有在IE下才能识别,如果当前ie版本小于9时加载。让IE8支持H5元素和媒体查询
<!--[if lt IE 9]>
   <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

 

将juqery库和bootstrap核心库放到最后:

目的:等待文档加载完成后再对应添加相应的样式

 

 <input type="text"  name="email"/>

input或textarea的name属性作用:用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。提交数据时的标识。

注释:只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

 

 <label for="male">Male</label>
 <input type="radio" name="sex" id="male" />

<label> 标签为 input 元素定义标注(标记)。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

 

 

许多样式标签虽然存在,但不推荐使用,例如

①<center>不赞成使用。定义居中文本。

② <tt> <i> <b> <big> <small> 标签均是字体样式元素。如果只是希望通过这些标签单纯地改变文本的样式,建议您使用样式表来取得更加丰富的效果。

③<font>不赞成使用。定义文字的字体、尺寸和颜色。

 

 

【原价钱横划线:这里有两种写法<del>,<s>。还有下划线<u>】

市场价:<u>108元</u>
市场价:<s>108元</s>
市场价:<del>108元</del>

 

 

HTML 4.01 与 HTML 5 之间的差异

HTML5 拥有如下属性:disabled、form、name,HTML 4.01 中不支持这些属性。

 

 

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=326382453&siteId=291194637