文档章节

关于html的一些总结

 疯狂菠萝
发布于 2016/06/24 18:43
字数 1402
阅读 11
收藏 0
点赞 0
评论 0

#html ###元素 1、base:设置相对URL的基础;
2、meta:提供关于文档的信息;
3、noscript:包含浏览器禁用脚本或不支持脚本时显示的内容。 ###划分内容 1、details:生成一个区域,用户将其展开获得更多详细知识;
2、summary:用在details元素中,表示该元素的标题或说明。
3、section:表示一个重要的主题或概念
4、header、footer:表示头部和尾部
5、nav:导航元素
6、hgroup:表示一组标题,其中只有第一个可出现在文档大纲中
7、 ###制表 1、caption:表示表格标题;
2、tr:一行单元格;
3、th:表示标题行单元格;
4、td:表示单元格; ###元素属性 1、target:告诉浏览器如何打开单元格 ###meta元素

<meta name="author" content="Yan de huan">
当前页的作者姓名
<meta name="description" content="myself">
当前页的说明
<meta name="robots" content="noindex">
告诉搜索引擎如何对待该文档,noindex:不要索引本页;noarchive:不要将本页存档或缓存;nofollow:不要顺着本页的链接继续搜索下去;
<meta http-equiv="refresh" content="5;http://www.baidu.com">
该代码作用让浏览器每隔5秒加载www.baidu.com
http-equiv属性的用途是指定所要模拟的标头字段名称,字段值则由content属性指定
meta元素的http-equiv属性允许使用的值
default-style:指定页面优先使用的样式表。对应的content属性值应与同一文档中某个style元素或link元素的title属性值相同;
content-type:这是另一种声明html页面所用字符编码的方法。如:
<meta http-equiv="content-type" content="text/heml charset=UTF-8">

###style 1、style元素的media属性用于确定所使用的设备,例如screen计算机显示屏幕;print打印文档;handheld手持设备 ###link 1、属性rel:说明文档与所关联 资源的关系类型,rel对应的值:

author:链接到文档的作者
help:链接到当前文档的说明文档
alternate:链接到文档的替代版本,比如另一种语言的译本
icon:指定图标资源
license:链接到当前文档的相关许可证
pingback:指定一个回探服务器。从其他网站链接到博客的时候他能自动得到通知
prefetch:预先获取一个资源
stylesheet:载入外部样式表
添加网站标志<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

###script执行顺序

defer:告诉浏览器要等页面载入和解析完毕之后才执行脚本
async:同时加载页面和脚本,异步执行脚本
例子:

<script defer src="...">

###表单

1、form元素的action属性或者button元素的formaction属性:指定表单数据发送到的URL
2、控制表单的自动完成功能:将表单form元素的autocomplete属性设置为禁用,他的值有两种,on和off,其默认值是on,表示允许浏览器填写表单。
3、自动聚焦到某个input元素:添加属性autofocus,例如:

<input autofocus>

4、对表单元素编组,fieldset元素,将input包裹住即可
5、为fieldset元素添加说明标签:legend元素,必须是fieldset元素的第一个子元素
6、使用表单外的元素 ###定制input元素 1、maxlength="Num":设置用户能够输入的字符最大数目;size="Num":设置文本框能够显示的字符数目
2、设置初始值和占位符提示:如果是提示用户输入什么样的数据,那就应该使用placeholder;如果想要提供一个默认值,使用value属性
3、input元素获取数值:

<input type="number" step="1" min="1" max="100" value="1">
step指定上下调节数值的步长;value初始值

4、获取指定范围内的数值

<input type="range" step="1" min="1" max="100" value="1">

5、获取颜色type="color"
6、获取搜索用词type="search"
7、用input元素生成图像按钮和分区相应图

<input type="image" src="accept.png" name="submit">

8、用input上传文件

<input type="file" name="filedata">

###其他表单元素及输入验证

1、optgroup元素可以用来在select元素的内容中建立一定的结构
2、输入验证:required--检查用户是否提供了一个值,如没有提供,则无法提交;使用方法如下:

<input type="text" required>	

3、确保输入值与指定模式匹配--使用pattern属性

<input type="text" pattern="^.*内容.*$">

4、同理确保输入值是邮箱

<input type="text" pattern="^>*@qq.com.*$">

###嵌入内容

1、创建客户端分区相应图--点击某张图像上的不同区域让浏览器导航到不同URL上,关键元素是map

<img src="" usemap="#mymap" alt="">
<map name="#mymap">
	<area href="" shape="" coords="" alt="">
	<area href="" shape="" coords="" alt="">
	<area href="" shape="" coords="" alt="">
</map>
map元素必须包含area元素,area元素的属性分为两类:
一、area所代表的图像区域被用户点击后浏览器导航到的URL;
二、代表不同的图像区域:
  shape属性和coords属性,其中shape属性的值有rect代表矩形,coords属性必须有四个用逗号隔成的整数组成,分别代表:图像的左边缘和矩形的左侧,上上,左右,上下;
  shape属性的值circle代表圆形区域,coords属性必须由3个整数组成,分别是:从图像左边缘到圆心的距离,上边缘到圆心的距离,圆的半径;
  shape属性的值default,这个值的意思是默认区域,shape属性使用这个值是不需要提供coords值

© 著作权归作者所有

共有 人打赏支持
粉丝 0
博文 2
码字总数 2490
作品 0
邯郸
程序员
常见Shell命令用法总结

常见命令用法总结 ----- 目录: --- 关于grep的总结 关于egrep的总结 关于tr的总结 关于sort的总结 关于uniq的总结 关于cut的总结 关于tee的总结 关于split的总结 关于type的使用 关于find的...

小骏骏
2016/02/19
62
0
Html常用标记总结

今天下午看了孙鑫老师讲的关于Html的视频,下面我来小小的总结一下自己所学到的内容。 What HTML,超文本标记语言,标准通用标记语言。“超文本”就是指页面内可以包含图片、链接、甚至音乐、...

wxb141001yxx
2017/12/02
0
0
php中关于socket的系列函数总结

php中关于socket的系列函数总结 本文列举了所有关于PHP语言中使用socket相关服务的一些函数。注意使用如下函数之前,你需要确保你的socket已打开,如果你没有打开,请编辑你的php.ini文件,去...

开元中国2015
2015/05/20
61
0
专属于你自己的vim 神器的打造方式

Vim 是一个上古神器,本篇文章主要持续总结使用 Vim 的过程中不得不了解的一些指令和注意事项,以及持续分享一个前端工作者不得不安装的一些插件,而关于 Vim 的简介,主题的选择,以及为何使...

马哥教育
2017/10/30
0
0
javascript表单之间的数据传递

今天有朋友问我关于用javascript来进行页面各表单之间的数据传递的问题,我以前也写过,不过从来没有注意,今天总结了一下,希望能够给大家一些帮助,也帮助我总结以前学过,用过的知识。 一...

晨曦之光
2012/03/09
57
0
【Angular】——表单处理

纯HTML表单:显示表单项,校验用户输入,提交表单数据。就是普通写的HTML页面。 模板式表单:表单的数据模型是通过组件模板中的相关指令来定义的。因为使用这种方式定义表单的数据模型时,我...

fjj15732621696
03/18
0
0
[原]初学python 协程(无锁生产者&消费者)

引言:前几天看了一点InfoQ上大神们很多的总结,服务编程范式以这样的方式进化多进程--->多线程--->非阻塞--->协程。 说说协程,找了一些关于GreenLet的资料,协程也称作微线程,是比线程还小...

长平狐
2012/11/14
1K
0
原来jquery点击会失效?

关于jquery的点击事件的比较,发现在某种情况下点击事件不管用了;将使用三种点击触发事件进行比较,可以看出一些端倪,对于开发者而言,想必是十分有用的; chenglin博客,原文链接:http://...

Cleey
2014/02/25
4.1K
6
写给软件测试新人和转行同学

第一部分 软件测试现状剖析 1.任何人都可以做测试 掌握了测试基础的理论知识后,任何人都可以做黑盒测试,但只能拿到该行业内最底层的薪水。对于安全测试、自动化测试、性能测试等等是需要有...

honzhang
01/23
0
0
android getContext(),Context

android学习—— context 和 getApplicationContext():http://blog.csdn.net/janronehoo/article/details/7348566 Android Context 上下文 你必须知道的一切 :http://blog.csdn.net/lmj62356......

智能小松鼠
2015/09/29
241
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

java的反射机制理解

一、概念说明 java的反射机制,是在运行状态下,可以动态获取任意一个类的属性和方法;可以动态调用一个对象任意方法; 二、反射相关类 java.lang.Class; //类 java.lang.re...

盼望明天
9分钟前
0
0
nginx反向代理-多端口映射

代码解释 1.1 http:www.baidu.test.com默认是80,访问“/”利用反向代理,然后访问本地8083; 1.2 8083代表本地的前端工程访问地址,前端需要访问后台数据,”/”,继续代理到后台地址9803; ...

lilugirl
11分钟前
0
0
Jfinal使用log4j2打印日志

1,添加maven配置 <properties><log4j2.version>2.11.0</log4j2.version><slf4j.version>1.7.25</slf4j.version></properties> <!--slf4j及log4j2日志 --><dependency> ......

iborder
11分钟前
0
0
如何在Rancher 2.0上快速部署Datadog

Datadog是一种流行的托管监控解决方案,用于聚合和分析分布式系统的指标和事件。从基础架构集成到协作仪表板,Datadog为用户提供了一个简洁的单一窗格视图,用户可以快速查看对其最重要的信息...

RancherLabs
14分钟前
0
0
Java示例演示Functor 和monad

This article was initially an appendix in our Reactive Programming with RxJavabook. However introduction to monads, albeit very much related to reactive programming, didn't suit......

Quan全
33分钟前
0
0
微信官方jssdk Demo

1.html部分 <!DOCTYPE html><!-- saved from url=(0028){sh:$selfUrl} --><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"......

koloor
36分钟前
1
0
数据库命名规范

https://www.cnblogs.com/pangguoming/p/7126512.html 摘要:当前研发工作中经常出现因数据库表、数据库表字段格式不规则而影响开发进度的问题,在后续开发使用原来数据库表时,也会因为数据...

塔塔米
36分钟前
0
0
java https 请求工具类-通用

package com.ra.common.util; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.OutputStreamWriter; import java.io.PrintW......

轻量级赤影
37分钟前
0
0
MFC界面套包BCG Pro Edition for MFC正式发布v27.3|附下载

BCGControlBar Professional Edition for MFC是MFC的一个扩展库,您可以用来构建类似于Microsoft Office 2000/XP/2003/2007/2010/2013 和 Microsoft Visual Studio-like(打印、用户定制工具......

Miss_Hello_World
37分钟前
0
0
Spring Cloud云服务 - HongHu架构common-service 项目构建过程

上一篇我们介绍了《整合spring cloud云服务架构 - HongHu云架构common-service代码结构分析》,本节我们将对common-service整个项目进行剖析,将整个构建的流程给记录下来,让更多的关注者来...

itcloud
38分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部