search

jirengu-inc / jrg-vip10

12 stars 9 forks source link

4-HTML-20161127 #9

Open jirengu opened 7 years ago

jirengu commented 7 years ago

课程 PPT

课程视频

课程任务

课程预习

zhuweileo commented 7 years ago

朱维

问题1：

什么是 XML?

问题2

HTML语义化我理解为：让机器能读懂人写的代码有什么含义。举个简单的例子：我们都知道Excel里面一个个矩形空格组成的图形是表格，我们是通过视觉判断的，但是如果我们直接传递一张表格样式的图片给浏览器，它却不能识别出我们想要表达的是一个表格（或许以后可以）。于是有了<table></table>标签，浏览器可以轻松的识别此标签，看到 这个标签就知道里面包含的是表格的内容了。因为让浏览器去识别标签，远比让它去识别的内容要简单的多。浏览器一单可以轻松的读懂你网页的内容，那么它的处理效率会更快，同理搜索引擎也是一样的。

问题3

1.结构和样式的分离使得批量改变样式变得更加方便； 2.可以提高搜索引擎的搜索效率，我们检索内容的时候往往是不考虑样式的； 参考文章

问题4

常见meta标签 <meta charset="utf-8"> 使用utf-8的编码方式 <meta http-equiv="refresh" content="0;url=" /> 页面重定向和刷新：content内的数字代表时间（秒），既多少时间后刷新。如果加url,则会重定向到指定网页。 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 优先使用 IE 最新版本和 Chrome。 <meta http-equiv="Pragma" content="no-cache"> 禁止浏览器从本地计算机的缓存中访问页面内容：这样设定，访问者将无法脱机浏览。 <meta name="keywords" content="your tags" /> 页面关键词，每个网页应具有描述该网页内容的一组唯一的关键字。

参考文章

问题5

<!DOCTYPE>声明不是 HTML 标签；它是指示 web浏览器关于页面使用哪个 HTML 版本进行编写的指令。 <!DOCTYPE html>是html5文档声明； <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">是html4的一种文档声明。

问题6

浏览器乱码的原因：html文档的编码方式和浏览器的解码方式不一样。 解决方案：在html文档中加入<meta charset="">标签，声明编码方式。

问题7

form表单用于向服务器提交内容 常用input标签 <input type="button"> 按钮标签，可以用于制作特定功能的按键 <input type="radio"> 单选框，可以和name相同的radio组成单选输入 <input type="text"> 文本，可以输入一行文字，可用于用户名、邮箱等可见文本的输入 <input type="password"> 密码，可输入一行用户不可见的文字，用于制作登录密码输入框 <input type="submit"> 提交按钮，可以将form标签内的所有输入内容提交到指定位置 <input type="checkbox"> 复选框，可以做多项选择框 <input type="hidden"> 隐藏域，用户不可见，用于暂存数据，以及安全性校验

form中非input标签 <textarea></textarea> 文本域，可以输入多行文本，用作评论区编辑区等

<select>
    <option value=""></option>
</select>

下拉列表，可以单选或多选，类似于单选框复选框，好处是节约空间

hungeroxc commented 7 years ago

欧晓春

问题一：HTML、XML、XHTML 有什么区别？