HTML基础

简介
HTML定义
标签定义和属性
HTML5基本结构
HTML5字符集

标签 <base/> <link/>(rel、href、type) <meta/>(http-equiv、name、content) <body>标签 块级标签 & 内联标签 基本标签(<h1>~<h6>、<p>、<b> <strong>、<strike>、<u>、<em> <i>、<sup>、<sub>、<br>、<hr>、<div>、<span>) 特殊符号(>、<、 、"、?...) <a> 超链接标签(锚标签)(href、target、name) <img> 图形标签(src、title、alt、width、height、align) 列表标签(<ul>、<ol>、<li>、<dl>、<dt>、<dd>) <table> 表格标签(<table> 、<caption> 、<tr>、<th>、<td>、<thead>、<tbody>、rowspan、colspan) <from> 表单标签(action、method、enctype、<input>、<textarea>、<select>、<label>、<fieldset>) 框架 <frameset> <iframe> 简介 HTML 是什么? <p>htyper text markup language 即超文本标记语言。</p> <p>超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。</p> <p>标记语言: 标记(标签)构成的语言。</p> <p>什么是标签:</p> <p>是由一对尖括号包裹的单词构成 例如: <html> *所有标签中的单词不可能以数字开头.<br> 标签不区分大小写.<html> 和 <HTML>. 推荐使用小写.<br> 标签分为两部分: 开始标签<a> 和 结束标签</a>. 两个标签之间的部分 我们叫做标签体.<br> 有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如: <br/><hr/><input/><img/><br> 标签可以嵌套.但是不能交叉嵌套. <a><b></a></b><br> 标签的属性:</p> <p>通常是以键值对形式出现的. 例如 name="nick"<br> 属性只能出现在开始标签 或 自闭和标签中.<br> 属性名字全部小写. *属性值必须使用双引号或单引号包裹 例如 name="nick"<br> 如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly</p> <p>HTML5基本结构:</p> <p>  将HTML4中的DTD定义为如下结构即可,其他不变。</p> <p>1</p> <!DOCTYPE HTML> <p>HTML5支持的两种指定页面使用的字符集的方式:<br> 使用Content-Type指定字符集<br> 1</p> <meta http-equiv="Content-Type" content="text/html ;charset=UTF-8"/> 直接使用charset指定字符集 1 <meta charset="UTF-8"> <head> 标签 <title> <p>1</p> <title>Title

标签为页面上的所有链接规定默认地址或默认目标。

  • View Code

引用外部文档,常见于引用外部样式。重要属性有三个:rel、href、type。

rel 规定文档与被链接文档之间的关系。

   rel="dns-prefetch" 预先解析缓存文档中使用的域名,目的是为了提高网页访问速度。使用场景:在一个网页频繁使用其他域名资源时。
   rel="shortcut icon"或rel="icon" 在收藏和标题栏上用于显示的图标。示例:。注意:IE浏览器只支持ico格式,为了兼容IE,图片文件采用ico格式。
   rel="stylesheet" 引用外部样式表。
   rel="nofollow" 用于指示搜索引擎不要追踪(爬虫抓取),减少垃圾链接。用于标签,使用场景:网页不被信任或是不希望呗搜索引擎录入的网站。
href 资源的路径(相对路径/绝对路径)。

type 规定被连接文档的MIME类型,用于明确文件的打开方式。例如:.ico文件 image/x-icon。

定义关于HTML文档的元数据。 重要的属性有三个:http-equiv、name、content

http-equiv 把content属性值关联到http头部。

Content-Type(浏览器接受的文档类型,一般是text/html)
refresh(网页刷新,以秒为单位)
expires(设定网页到期时间,一旦过期,必须到服务器上重传)
1
2
3
4

name 把content属性关联到一个名称。

keywords(搜索关键字,用于搜索引擎抓取信息的显示)
description(搜索到网站后显示的网页内容简描述)
author(站点制作者信息)
generator(用以说明生成工具)
name也可以根据特定的功能自定义,在新浪网中有使用360认证和搜狐认证(<meta name="360-site-verification"content="63349***"/>、<meta name="sogou_site_verification"content="BVI"/>)。
1
2
3
4

  

content 定义与http-equiv或name属性相关的元信息,是必要的属性。

  

标签

1、块级标签和内联标签

块级标签:

      内联标签:HTML基础

      HTML基础

      上一篇:websocket+probuf.原理篇


      下一篇:jsp el表达式无法正常显示解决方法