html中锚记标记的隐藏,HTML基础 - MrHerMan的个人空间 - OSCHINA - 中文开源技术交流社区...

一、基础Internet上的程序

1.C / S 结构

Client 客户机      /  Server 服务器

特点：必须通过指定的客户端软件才能访问服务器端的一种程序

例如：桌面QQ

2.B / S 结构 对用户要求少，发展快，资源占用少

Browser 浏览器端 / Server 服务器

特点：通过浏览器就能访问服务器端的一种程序

例如：网页版百度  网页版QQ

3.Web是基于Internet上的一种应用程序(网页应用程序)

Web页面保存在服务器端上的一个页面

二、Web功能：

1提交用户请求(US user Agree)

2脚本执行的解析器

3以图形化的方式显示Web页面

三、主要技术：

1 HTML  2Css 3Javascript

四、HTML具有一定的代码规范

1.基础语法：

标记语法：HTML中用于描述功能的符号成为”标记“；

标记在使用中，用简括号<>

A.封闭类标记 (双标记)标记>

B.非封闭类标记

2.标准嵌套

在对标记中允许出现另外一对标记

标记2>

标记1>

注意 行内标记不能嵌套 块级元素

3.标记属性：用来修饰标记效果的内容就是属性

4.注释

语法

1.注释不能嵌套

2.注释不能出现在标记中

五、HTML文档结构

万维网联盟 W3C

1.HTML文档的组成

文档的声明：告知浏览器当前的HTML对应文档用的是哪个版本

语法：

结构：

Example

This is the content.

加粗   加粗

斜体    斜体

下划线   下划线

删除线    删除线

上标¹¹ 上标11

下标₂₂ 下标22

预格式标记：保留原文档中空格和回车

2.超链接：

语法： a>

A.href 属性 HTML页面的URL

B.targe：目标指定新标签页中打开

C.Self：在自身标签页中打开新网页

3.锚点： 使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者带到指定位置。

使用方法：

A定义锚点：

a. *若要链接到当前文档中的名为"top"的锚记，请键入 #top。如:点击我连接到TOP

b.任何标记id属性定义锚点(推荐)

六、URL表现形式

1.绝对路径

特点：从文本所在的最高级目录处开始查找资源所经过的路径

使用场合：当你想访问互联网上的资源

完整的绝对路径分四部分：1协议 2域名3目录路径4文件名 比如：https://p1.ssl.qhimg.com/dm/24_24_100/t01687c1f6eee4c109f.jpg

2.相对路径

特点：从当前文件位置开始查找资源文件所经过的路径就是相对路径

使用场合：使用本机文件时使用

同目录，直接用

子目录，先进入

父目录 先返回

3.根路径

特点：路径形式时以 / 作为开始的

/表示服务器的跟路径

七、主要标签及命名

主要标签

标签定义文档的页眉(介绍信息)。

标签定义导航链接的部分。

标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

标签规定独立的自包含内容

标签定义文档或节的页脚。

标签定义其所处内容之外的内容。

命名规范：

内容:content/container

尾部:footer

导航:nav

侧栏:sidebar

栏目:column

整体布局:wrapper

左右中:left / right / center

登录条:loginbar

标志:logo

广告:banner

页面主体:main

热点:hot

新闻:news

下载:download

子导航:subnav

菜单:menu

子菜单:submenu

搜索:search

友情链接:friendlink

页脚:footer

版权:copyright

滚动:scroll

标签页:tab

文章列表:list

提示信息:msg

小技巧:tips

栏目标题:title

加入:join

指南:guild

服务:service

注册:regsiter

状态:status

投票:vote

合作伙伴:partner

八、表单

1.属性

action：url 地址，服务器接收表单数据的地址

method：提交服务器的http方法，一般为post和get

get：向服务器请求数据 限制大小2K 安全性低 明文提交

post：将数据传递给服务器 无大小限制 安全性高 隐藏提交

name: 表单名称

enctype: 表单数据提交时使用的编码类型，默认使用"application/x-www-form-urlencoded"，如果是使用POST请求，则请求头中的content-type指定值就是该值。

如果表单中有上传文件，编码类型需要使用"multipart/form-data"，类型，才能完成传递文件数据。

2.隐藏域

特点：是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。

3.label

语法： 标签

特点:label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

方法: 标签的 for 属性应当与相关元素的 id 属性相同。

4.控件分组：

health information

height:

weight:

5.浮动框架

特点：iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

属性：

a.src：规定在 iframe 中显示的文档的 URL。

b.frameborder规定是否显示框架周围的边框。m默认显示为1，有边框

九、新INPUT元素

autocomplete：是否显示与现在输入内容相匹配的历史输入记录。

autofocus：当页面加载完成后，此元素获得焦点。

form：设置元素归属表单的ID。

formaction：设置表单action属性的值。

formenctype：设置表单enctype属性的值。

formmethod：设置表单method属性的值。

formnovalidate：关闭表单的验证。

formtarget：设置表单target属性的值。

max：设置元素中数字或日期控件的最大值。

min：设置元素中数字或日期控件的最小值。

minlength：设置文本输入控件的内容最小长度。

pattern：设置元素文本内容需匹配的正则表达式。

placeholder：设置文本控件的预先显示内容。

readonly：设置元素是否只读。

required：设置控件是否为必填项。

元素type属性的值：

color：颜色控件。

email：电子邮件地址输入框。

number ：数值输入框。

range ：滑动条。

search ：搜索框。

tel：电话号码输入框。

time：时间控件。

url ：网址输入框。

date：日期控件。

month：年月日历控件。

week：周数控件。