知识点一：

HTML5的标准结构：

<!DOCTYPE html>

<html lang='en'>

<head>

    <meat charset='utf-8'>

    <title>Document</title>

</head>

<body>

</body>

</html>

meta的其他示例：
关键字：将网页内容提出关键字告诉搜索引擎，利于seo排名，content的内容用”,”隔开。

<meta name='keywords' content=''>

网页描述：用于检索出来的网页描述使用。用于seo查看。

<meta name='description' content=''>

网页重定向：实现域名跳跃，即可以注册多个域名，然后跳到同一个域名即可。

<meta http-equiv='refresh' content='5;http://www.baidu.com'>

link标签：
链接外部样式表文件：

<link rel='stylesheet' href=''>

设置icon图标：

<link rel='icon' href=''>

知识点二：表格：

标准结构：

<table border='' width='' height='' cellspacing='' cellpadding='' align='' bgcolor=''>

    <thead>

        <tr>

            <td>姓名</td>

            <td>年龄</td>

        </tr>

    </thead>

    <tbody>

        <tr>

            <td>赵灵儿</td>

            <td>18</td>

        </tr>

    </tbody>

    <tfoot>

        <tr>

            <td>林月如</td>

            <td>18</td>

        </tr>

    </tfoot>

</table>

属性：
border：边框粗细。
width：表格宽度。
height：高度。
cellspacing：单元格与单元格的距离
cellpadding：内容距边框的距离
align：left、right、center表格的排列方式，居左，居右，居中。
bgcolor：背景颜色。
属性rowsapn：合并同一列上的单元格。
属性colspan：合并同一行上的单元格。
表格标题：<th></th>用法跟<td></td>一样
边框颜色：属性bordercolor
内容垂直对齐：<td>属性valign=top、middle、bottom。

知识点三：表单

表单域：

<form action='' method=''>

action：处理方式，其实就是访问地址。
method：get/post
文本输入框：

<input type='text' maxlength='' readonly='readonly' disable='disable' name='username' value='内容'>

maxlength=”6” 限制输入字符长度
readonly=”readonly” 将输入框设置为只读状态（不能编辑）
disabled=”disabled” 输入框未激活状态
name=”username” 输入框的名称
value=”内容” 将输入框的内容传给处理文件

密码输入框:属性同文本输入框一致。

<input type='password' name='password'>

单选框：只有当name相同时，才能实现单选效果。 checked属性为默认选中。

<input type='radio' name='gender' checked='checked'>男

<input type='radio' name='gender' >女

下拉框：

<select multiple='multiple'>

    <optgroup label='北京市'>

        <option>昌平区</option>

        <option>海淀区</option>

        <option>朝阳区</option>

        <option selected='selected'>大兴区</option>

    </optgroup>

</select>

Multiple=”multiple” 将下拉列表设置为多选项
Selected=”selected” 设置默认选中项目
<optgroup></optgroup> 对下拉列表进行分组。
Label=”” 分组名称。

多选框：checked表示默认选中。

<input type='checkbox' checked='checked'>多选1

<input type='checkbox' >多选2

<input type='checkbox' >多选3

多行文本框：

cols：控制输入字符的长度。
rows：控制输入字符的行数。

<textarea cols='130' rows='10'></textarea>

文件上传控件：

<input type='file'>

提交按钮：可以直接实现提交

<input type='submit'>

普通按钮：没有功能，需要配合js使用

<input type='button' >

重置按钮：可以重置表单信息

<input type='reset'>

图片按钮：图片按钮也可以实现信息提交功能。

<input type='image' src=''>

给表单实现分组：

对表单信息分组
表单信息分组名称

<fieldset></fieldset>

<legend>分组信息<legend>

知识点四：标签语义化：

好的语义化的网站标准就是去掉样式表文件之后，结构依然很清晰。
标签语义化概念：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）

-标签语义化意义：
1:网页结构合理
2:有利于seo:和搜索引擎建立良好沟通，有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取；
3:方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）
4:便于团队开发和维护

1：尽可能少的使用无语义的标签div和span；

2：在语义不明显时，既可以使用div或者p时，尽量用p, 因为p在默认情况下有上下间距，对兼容特殊终端有利；

3：不要使用纯样式标签，如：b、font、u等，改用css设置。

4：需要强调的文本，可以包含在strong或者em标签中strong默认样式是加粗（不要用b），em是斜体（不用i）；

HTML基础下的更多相关文章

【Xamarin开发 Android 系列 7】 Android 结构基础(下)
原文:[Xamarin开发 Android 系列 7] Android 结构基础(下) *******前期我们不打算进行太深入的东西,省的吓跑刚进门的,感觉门槛高,so,我们一开始就是跑马灯一样,向前 ...
黑马程序员+ADO.Net基础(下)
---------------<a href="http://edu.csdn.net"target="blank">ASP.Net+Android ...
《转》python学习--基础下
转自http://www.cnblogs.com/BeginMan/archive/2013/04/12/3016323.html 一.数字在看<Python 核心编程>的时候,我就有点 ...
Python基础 (下)
参考:菜鸟教程目录一.读写文件二.错误和异常三.XML和JSON解析四.类五.Python高级教程一.读写文件 1. 打开文件: open(filename, mode). mode有 ...
Kinect for Windows SDK开发入门(七)：骨骼追踪基础下
http://www.cnblogs.com/yangecnu/archive/2012/04/09/KinectSDK_Skeleton_Tracking_Part2.html 上一篇文章用在UI界 ...
《转》python基础下
转自http://www.cnblogs.com/BeginMan/archive/2013/04/12/3016323.html 一.数字在看<Python 核心编程>的时候,我就有点 ...
黑马程序员+SQL基础(下)
---------------------- <a href="http://edu.csdn.net"target="blank">ASP.Net ...
Servlet基础(下)
10.Servlet定义初始化参数必须使用web.xml中的init-param/para-name和 para-value元素;11.ServletConfig对象的getInitParameter ...
Unix环境编程基础下
Unix出错处理当UNIX系统的函数出错时,通常会返回一个负值.我们判断函数的返回值小于0表示出错了,注意我们并不知道为什么出错.例如我们open一个文件,返回值-1表示打开失败,但是为什么打开失败 ...
面试题(二)—Java基础(下)
一.进程和线程进程 (1)正在运行的程序,是系统进行资源分配和调用的独立单位. (2)每一个进程都有它自己的内存空间和系统资源. 线程 (1)是进程中的一条执行路径. (2)一个进程如果只有一条执行 ...

随机推荐

使用 Newtonsoft.Json 操作 JSON 字符串
一.把实体类转化为 JSON 字符串 1. 为实体类赋值 SenderFromMQSearch senderFromMQSearch = new SenderFromMQSearch(); sende ...
BZOJ-3040-最短路(road)
Description N个点,M条边的有向图,求点1到点N的最短路(保证存在).1<=N<=1000000,1<=M<=10000000 Input 第一行两个整数N.M,表 ...
PE格式第九讲,资源表解析
PE格式第九讲,资源表解析一丶熟悉Windows管理文件的方法首先,为什么标题是这个,主要是为了下边讲解资源方便,因为资源结构体很乱.如果直接拿出来讲解,那么就会很晕. 1.windows管理文件 ...
Hadoop（十二）MapReduce概述
前言前面以前把关于HDFS集群的所有知识给讲解完了,接下来给大家分享的是MapReduce这个Hadoop的并行计算框架. 一.背景 1)爆炸性增长的Web规模数据量 2)超大的计算量/计算复杂度 ...
Cocos2d-x Lua游戏开发Mac环境搭建以及一点点感悟
接触Cocos2d-x 最近由于公司项目的需要,自己开始接触Cocos,开始做一些简单的轻量级的游戏,以前没有接触过这一块的东西,也是借助这个机会学习一下游戏的开发,由于以前自己接触的全都是iOS和A ...
Tracker-store
升级后发现有个tracker-store占用cpu非常厉害,查了下,好像是GNOME 3使用 Documents 來整合本机以及在线(Google / Twitter)账户的文件,这个功能会呼叫 ...
[extjs(2)] extjs第一个组件treepanel
刚刚在接触extjs这个前段插件,由于公司是用这个来做前段的,所以有必要花点时间来掌握一下,下面是我自己的非常浅的学习总结,后期会慢慢添加的!! 一.TreePanel基本配置参数: animate: ...
事件轮询中的task与microtask
event loop 网上看到的一篇文章,关于介绍task和Tasks, microtasks, queues and schedules,尝试简单翻译一下写进来吧! 原文地址:https://jak ...
Windows下命令（bat可用）
转自 http://blog.csdn.net/CDersTeam/article/details/51346911 gpedit.msc-–组策略 2. sndrec32---录音机 3. Nslo ...
linux系统下解决getch()输入数值不回显示
在linux系统下开发C 程序却会遇到系统不支持conio.h头文件,无法使用getch()不回显函数.下面就演示如何构建函数实现数值输入不回显. #include <stdio.h> # ...