Html基础

1.XHTML和HTML主要不同在于:

(1)XHTML 元素必须被正确地嵌套;

(2)XHTML 元素必须被关闭;

(3)标签名必须用小写字母;

(4)XHTML 文档必须拥有根元素 ;

2.get和post区别:

(1)get是从服务器上获取数据,post是向服务器传送数据;

(2)get是把参数数据队列加到提交表单的action属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到;而post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到action属性所指的URL地址。用户看不到这个过程。

(3)对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。

(4)get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。但理论上,IIS4中最大量为80KB,IIS5中为100KB。

(5)get安全性非常低,post安全性较高。但是执行效率却比Post方法好。

3.绝对路径和相对路径的区别:

绝对路径:是文件的真实路径,是从硬盘或者根目录(一般指C盘)开始,一级一级指向文件。

相对路径:是以当前文件为准,进行一级一级指向被指向文件。(••/上一级 •/当前目录 /当前站点根目录)。

4.页面常用图片格式:

(1)JPEG:JPEG是Web上仅次于GIF的常用图像格式。JPEG是一种压缩得非常紧凑的格式,专门用于不含大色块的图像。JPEG的图像有一定的失真度,但是在正常的损失下肉眼分辨不出来JPEG和GIF图像的差别。而JPEG文件只有GIF文件的1/4大小。JPEG对图标之类的含大色块的图像不很有效,不支持透明图和动态图。适合照片或颜色丰富的图片。

(2)PNG:PNG格式是WEB图像中最通用的格式。它是一种无损压缩格式,但是如果没有插件支持,有的浏览器可能不支持这种格式。PNG格式最多可以支持32位颜色,但是不支持动 画图。背景为透明(白色)。

(3)GIF:GIF是Web上最常用的图像格式,它可以用来存储各种图像文件。特别适用于存储线条、图标和电脑生成的图像、卡通和其它有大色块的图像。GIF文件非常小,它形成的是 一种压缩的8位图像文件,所以最多只支持256种不同的颜色。Gif支持动态图、透明图和交织图。适合动画或颜色较少的图片。

5.iframe标签:

<iframe src="" frameborder="0" width="" height=""></iframe>
iframe适合后台或者管理系统,页面中尽量少用,因为它会阻塞页面加载,会影响SEO搜索引擎优化。

6.块级元素和行内元素嵌套注意事项:

(1)p元素不能嵌套布局元素(例div)。
(2)li可以嵌套div。
(3)h1-h6,p,dt只能放行内元素。
(4)header,section,footer不能嵌套自身。

7.超链接:

<a href="" target=""></a>

超链接,用于从一张页面链接到另一张页面,target 是打开方式,_blank新窗口打开,_self同一窗口打开(默认),_parent父窗口打开,_top整个窗口打开。

8.px、em、rem区别:

px:像素值;em是相对于父元素的属性来计算的;Rem是相对于根元素html计算的。

浏览器的兼容性:除了IE6-IE8r,其它的浏览器都支持em和rem属性,px是所有浏览器都支持。


 

9.HTML5常用标签:

<article></article> 定义外部的文章内容。

<aside></aside> 定义 article 以外的内容。即侧边栏,aside 的内容应该与 article 的内容相关。

<audio src=""></audio> 定义声音,音频。

<canvas></canvas> 画布,定义图形,比如图表和其他图像。

<command> 定义命令按钮,比如单选按钮、复选框或按钮。

<datalist></datalist> 定义可选数据的列表。与 input 元素配合使用,就可以制作出输入值的下拉列表。

<details></details> 定义元素的细节,用户可进行查看,或通过点击进行隐藏。与 <legend> 一起使用,来制作 detail 的标题,该标题对用户是可见的。

<embed src="" type=""/> 标签定义嵌入的内容,比如插件。

<figcaption></figcaption> 定义 figure 元素的标题。”figcaption” 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置。

<figure></figure> 用于对元素进行组合。使用 <figcaption> 元素为元素组添加标题。

<footer> 定义 document 的页脚。

<header> 定义document 的页眉。

<keygen> 定义生成密钥。

<mark>主要用来在视觉上向用户呈现那些需要突出的文字。

<meter> 定义度量衡。

<nav> 定义导航链接的部分。

<progress> 标签运行中的进程。

<ruby> 定义ruby注释。

<section> 标签定义文档中的节或者区段。

<source> 标签为媒介元素(例 <video> 和 <audio>)定义媒介资源。

<summary> 标签包含 details 元素的标题,”details” 元素用于描述有关文档或文档片段的详细信息。”summary” 元素应该是 “details” 元素的第一个子元素。

<time> 标签定义日期或时间。

<video> 标签定义视频。


 

10.常用Form表单标签:

<form action="" method=""></form> action是提交表单时向何处发送表单数据,method是提交方式。
<fieldset></fieldset>组合表单相关元素。
<legend></legend>定义标题。
<input type="text" />定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。
<input type="button" />定义可点击按钮。
<input type="checkbox" /> 定义复选框。
<input type="file" /> 用于文件上传。
<input type="hidden" /> 定义隐藏字段。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值。
<input type="image" /> 定义图像形式的提交按钮。必须把 src属性和 alt 属性 与 <input type="image"> 结合使用。
<input type="password" /> 定义密码字段。密码字段中的字符会被掩码(显示为星号或原点)。
<input type="radio" /> 定义单选按钮。单选按钮允许用户选取给定数目的选择中的一个选项。
<input type="reset" /> 定义重置按钮。重置按钮会清除表单中的所有数据。
<input type="submit" /> 定义提交按钮。提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。
<select name="" id=""><option value=""></option></select>下拉框,option是选项,value是提交到后台的值,不会出现在页面,一般为数字或英文。
<textarea name="" id="" cols="" rows=""></textarea>定义多行的文本输入框。

posted @ 2017-11-14 16:11  Fashion-boy  阅读(144)  评论(0编辑  收藏  举报