2018.8.7内容串讲

 

HTML

什么是HTML

理解HTML本质是超文本标记语言,能表现如文字、视频、音频、程序等复杂元素。

什么是标签

理解什么是标签,标签对的组成:标签名、属性(名值对)、内容

属性类似是给这个标签的内容加了个装备,让这些标签具有一些特殊的能力 
1 例如:百度

重要标签说明

  • 表格标签table 
    thead tr th 
    tbody tr td

    建议定义表格的时候,把tbody,thead都描述出来。

  • 表单标签form 
    action:submit操作执行的请求地址 
    method:指定请求的类型get/post

    1. form表单提交是不一定要通过sumbit操作,可以通过AJAX请求序列化表单的方式完成表单数据的提交。(AJAX序列化就是将form中的数据构建为明值对字符串统一的提交到后台。

    2. 通过form表单提交和AJAX请求方式提交数据是两个原理完全不一样的设计方式。

表单元素标签通过submit提交,浏览器会把表单元素的数据以名值对的方式提交给服务器。

type(text,password,radio,checkbox,hidden)

关于 select 如何在 JS 中获取选中的值和选中的文本内容,在提交数据的时候,默认只会将select中选中option的value值传递过去。 
form 是个什么样的概念?在Web 编程中,可以把 form 理解为一个数据集合(组),我们把这一组数据包裹在 form 中,统一提交后台,进行业务逻辑的处理,在一个页面中可以有多个 form 存在。 
但是在 AJAX 请求中,可以不要求有 form 存在。

标签的语义

H1/H2/H3 表现大纲级别 
div/span/p 表现布局

使用带语义的标签可以让搜索引擎快速的进行收录 
虽然不同的标签也许能够达到相同的显示效果,但是强烈建议使用语义化标签+CSS样式去控制

关于浏览器

浏览器就是能解析HTML、CSS、JavaScript、图片、音视频等内容的运行环境。 
我们一般说的浏览器是指包括:IE/Firefox/Chrome/Opera等等,其中Firefox/Chrome我们称之为标准浏览器,最符合W3C组织定义的相关技术规范。

如果没有一个规范定义,为了迎合不同厂商的浏览器,程序员将为此付出沉重的代价。但是即便如此,不同的浏览器之间还是有些细微的差异的,这个一般是前段开发要注意的问题,要考虑浏览器的兼容性。 
我们一般使用360、搜狗都是基于某个浏览器内核深度改造的。

你可能感兴趣的:(课堂笔记)