`

前端细节重温

阅读更多

表单控件的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 中不支持这些属性。

 

 

分享到:
评论

相关推荐

    mednaffe:mednafen模拟器的前端(GUI)

    总的来说,Mednaffe是Mednafen模拟器的理想伴侣,它将复杂的模拟器操作简化为易用的图形界面,让玩家能更专注于游戏本身,而不是背后的技术细节。对于那些想要重温经典游戏,或者探索过去游戏机世界的新手来说,...

    c语言Turbo C下写的俄罗斯方块.rar

    这个项目可能对那些想了解基础游戏编程概念或者重温C语言编程的人有所帮助。 标签中提到的 "毕业设计" 指出这可能是一个学生为了完成学业而制作的项目,这通常涉及到项目管理、文档编写以及技术实现。"小程序源码" ...

    植物大战僵尸.zip

    《植物大战僵尸》是一款深受全球玩家喜爱的塔防策略游戏,以其独特的植物与...通过这个压缩包,你不仅可以重温经典游戏,还能深入了解网页游戏的开发过程和技术细节,对于学习和研究HTML5游戏开发具有很高的参考价值。

    2048小游戏 - 原生JavaScript实现

    原生JavaScript实现的2048小游戏不仅展示了JavaScript作为前端开发的强大能力,也提供了一个学习和实践JavaScript编程的良好平台。 首先,我们需要理解JavaScript的基础知识。JavaScript是一种轻量级的解释型编程...

    Telephex 7800L-开源

    ProSystem致力于模拟原生硬件的所有细节,包括CPU、内存管理、声音和图形系统,使得用户能够在个人电脑上运行原本只能在Atari 7800上玩到的游戏。作为一个前端,Telephex 7800L 提供了一个用户友好的界面,方便用户...

    codeSchoolExpress:在Codeschool进行速成课程

    如果你已经完成过这个课程,再次回顾是个好主意,因为随着时间的推移,重温和实践基础知识可以帮助你巩固记忆,也可能使你发现之前未注意到的细节或新理解。无论你是初学者还是有经验的开发者,不断复习和实践是持续...

    CmpE273-HW1:JavaScript和Java刷新器

    本作业(CmpE273-HW1)似乎是针对计算机科学或工程学生的一个复习任务,旨在帮助他们重温JavaScript和Java的基础知识。下面将详细介绍这两个语言的关键概念。 JavaScript,通常简称为JS,是一种轻量级的解释型编程...

    SpaceProbe:随机生成的空间迷宫的 A* 路径查找!

    此外,开发者借此机会重温了设计模式,这是软件工程中的重要概念,有助于创建可维护、可扩展的代码结构。 标签“Java”表明整个项目是用Java语言编写的。Java是一种广泛使用的面向对象的编程语言,尤其适合构建跨...

    tic-tac-toe

    在这个项目中,我们不仅重温了游戏的基本规则,更将其与现代Web开发框架React相结合,打造了一个交互式的在线井字游戏。这为我们提供了一个在实践中学习和掌握React的机会,同时也揭示了React在构建用户界面时的强大...

    jsGBC-core:jsGBC核心模拟器

    5. **相关项目**:这个模拟器可能与其他项目相关联,如前端界面、游戏ROM加载器或者与其他编程语言的适配器,这些项目可能是为了提升用户体验或者扩展模拟器的功能。 6. **许可证**:jsGBC-core遵循特定的开源许可...

Global site tag (gtag.js) - Google Analytics