当前位置: 首页 > Web前端 > HTML

HTML重要知识点

时间:2023-04-02 18:46:55 HTML

1。常见的浏览器内核(理解)浏览器内核,英文名称:RenderingEngine,中文翻译很多,排版引擎,解释引擎,渲染引擎,现在通俗的叫浏览器内核。负责读取网页内容,整理信息,计算网页的显示方式并显示页面。现在主要流行的有以下几种:浏览器内核笔记IETridentIE,猎豹安全,360至尊浏览器,百度浏览器firefoxGecko可惜这些年没落了是的,打开速度慢,升级频繁,队友闪赞一头猪,而对手铬就像一个神。Safariwebkit现在很多人误把webkit称为chrome内核(尽管chrome内核已经是blink了)。苹果觉得自己的儿媳妇被别人抢了,哭晕了,进了厕所。chromeChromium/Blink在Chromium项目中开发了Blink渲染引擎(浏览器核心),内置于Chrome浏览器中。Blink实际上是WebKit的一个分支。大多数国产浏览器的最新版本都使用了Blink内核。二次开发OperaPrestoPresto(废弃)是挪威浏览器opera的“前身”内核。为什么叫它“前身”,是因为最新的opera浏览器早就抛弃了它,投入了谷歌的怀抱。现在有了闪烁内核。拓展:移动端的浏览器内核,主要是指系统内置浏览器的内核。就Android手机而言,Webkit内核是用的最多的。国内浏览器大多自称内核,基本属于webkit的二次开发。在iOS和WP7平台上,由于系统原因,大部分系统都有自己的浏览器内核,通常是Safari或IE内核Trident2。Webstandards(强调)Web标准不是某个标准,而是由W3C等标准化组织制定的一套标准。W3C万维网联盟是最著名的国际标准化组织。自1994年成立以来,迄今已发布近百个与万维网相关的标准,为万维网的发展做出了突出贡献。W3C类似于现实世界中的联合国。2.1Web标准的好处使Web的发展前景更为广阔。内容可以通过更广泛的设备访问,并且更容易被搜索引擎搜索到。降低网站流量成本,使网站更易于维护,提高页面浏览速度。2.2Web标准的组成:主要包括结??构(Structure)、表现(Presentation)和行为(Behavior)三个方面。结构标准:结构用于对网页元素进行组织和分类。我们主要学习HTML。网页性能标准中最重要的部分:性能用于设置网页元素的布局、颜色、大小等外观样式,主要参考CSS行为标准:行为是指网页模型的定义和书写的交互,主要是学习了是Javascript的理想状态我们的源码:.HTML.cs??s.js3,文档类型用法:作用:声明位于文档的最前面,之前标签。此标记告诉浏览器文档使用哪种HTML或XHTML规范。4.字符集字符集(Characterset)是多个字符的集合。为了让计算机能够准确地处理各种字符集文本,需要进行字符编码,以便计算机可以识别和存储各种文本。UTF-8是目前最常用的字符集编码方式,常用的字符集编码方式有gbk和gb2312。gb2312简体中文收录6763个汉字BIG5繁体中文港澳台使用GBK收录所有汉字是GB2312的扩展,增加了对繁体字的支持,兼容GB2312UTF-8基本收录了世界各国的字符需要使用的是让html文件以UTF-8编码保存,浏览器根据编码解码对应的html内容。团队约定:一般统一使用“UTF-8”编码,请尽量统一写成标准的“UTF-8”,而不是“utf-8”或“utf8”或“UTF8”。5.表|用于显示数据的标签名称定义

tablelabel是一个方框tablerowlabelrowlabel只有在tablelabel里面才有意义celllabel单元格label是容器级元素,可以放什么headercelllabel仍然是一个单元格,但是里面的文字会居中加粗Tabletitlelabel的标题表格,跟随表格,与表格中心对齐clospan和rowspan合并属性用于合并单元格的......
单元格中的文本
总结:表格的主要用途是展示特殊数据。一个完整的表格由表格标签(table)、行标签(tr)和单元格标签(td)组成。列标签只能嵌套类的单元格标签。它就像一个容器,可以容纳所有的元素。table属性表有一些不常用的属性,重点是cellspacing和cellpadding。我们经常有一个说法,三个参数为0,我们通常开发这三个参数bordercellpaddingcellspacing为0,合并的单元格跨行合并:rowspan="合并单元格的个数"--合并就是跨列合并:colspan="合并单元格的个数"--merging是合并行和合并单元格的顺序。我们按照先上后下左左右的顺序合并单元格。三步过程首先判断是跨行合并还是跨列合并按照先上后下,先左后右的原则找到目标单元格,然后写合并方法和合并的单元格个数.例如:删除多余的单元格单元格复杂的表格对于比较复杂的表格,表格的结构相对复杂,所以表格分为表头、正文和脚注三部分.并且这三部分分别用:thehead、tbody、tfoot来标记,以便更好的区分表结构注::用于定义表头。用来放标题之类的。里面必须有一个标签!:用于定义表格的主体。把数据本体。放表格的脚注之类的。以上标签放在table标签中。6.列表标签名称定义说明
    无序标签只能包含没有顺序的li,我们以后布局中最常用的列表
      有序标签只能包含有顺序的li,较少使用
      自定义列表中有2个兄弟,dt和dd7。表单功能:收集用户信息并与用户交互:一个完整??的表单通常由表单控件(也称为表单控件Form元素)、提示信息和表单字段3部分组成。表单控件:包含具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。提示信息:表单通常需要包含一些说明性文字来提示用户填写在和操作。表单域:相当于所有表单控件和提示信息的容器,通过它可以定义用于处理表单数据的程序的url地址和向服务器提交数据的方法。如果不定义表单域,则表单中的数据无法发送到后台服务器。7.1输入控件(key)语法:inputinputmeans标签是一个单一的标签类型属性来设置不同的属性值来指定不同的控件类型除了type属性还有其他一些常用的属性:1.type属性这个属性可以通过改变值来判断你属于哪种输入形式。例如type='text'表示文本框可以作为用户名、昵称等。例如type='password'表示用户在密码框中输入的内容是不可见的。用户名:密码:2.value属性值用户名:value默认文本值。有些表单希望一打开页面就默认显示几行文字,可以通过这个值来设置。3、name属性username:name表单名称,以便后台通过这个name属性找到这个表单。页面中有很多表单,name的主要作用是区分不同的表单。name属性后面的值是我们自己定义的。如果radio是一个组,我们必须给他们取一个相同的名字,这样我们就可以选择其中一个male女名属性,我们现在用的比较少,但是在学习ajax和后台的时候,是很有必要的。4、checked属性表示默认选中状态。更常见于单选按钮和复选按钮。性别:女上面这个,表示默认选中男性单选按钮。5.输入属性概要属性说明功能类型表单类型用于指定不同的控件类型用于区分不同的表单。默认选中checked,表示从头开始选中radio或check按钮。8、label标签目标:label标签的主要目的是提升用户体验。为用户提高最好的服务。概念:label标签定义了输入元素的标签(labels)。作用:用于绑定一个表单元素,当label标签被点击时,被绑定的表单元素将获得输入焦点。如何绑定元素?第一种用法是使用标签直接包含输入表单。适用于单个表单选择第二种用法for属性指定label是哪个表单元素势必。male当我们用鼠标点击label标签中的文字时,光标会定位在指定表单9.Textarea控件(文本域)语法:功能:可以通过textarea控件轻松创建多行文本输入框。cols="每行字符数"rows="DisplayedrowsNumber"在我们实际开发中,不需要区分文本框和文本域。表格名称不同。默认值显示用于inputtype="text"文本框只能显示一行文本和单个标签的场景。用户名、昵称、密码等默认值。文本域可以显示多行文本和双标签,默认值写在标签中间的留言板上。10、select下拉列表的用途:如果有多个选项供用户选择,为了节省空间,我们可以使用select控件来定义下拉列表。语法:注意: