一、HTML基础知识
html是什么?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
html 版本介绍
HTML5是HTML4.01和XHTML1.0之后超文本标记语言的最新版本,由一群自由思想者设计,最终实现了多媒体支持、交互性、更智能的表单和更好的语义标注。
HTML 5不只是 HTML规范的最新版本,它是用于生成现代 Web内容的一系列相关技术的总称,其中最重要的三个技术是:HTML5核心规范(table)、 CSS (class style)和 JavaScript。
二、HTML标签
根据页面结构分类
1.
定义和用法
声明必须是 HTML 文档的第一行,位于 标签之前。 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。
提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。
HTML 4.01 与 HTML5 之间的差异
在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种:
2.根标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如
HTML 标签通常是成对出现的,比如 和
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
资讯标签
1.浏览器签名
定义和用法
提示和注释
提示:
标准属性
2.指导解析器,类如编码
定义和用法
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。HTML 与 XHTML 之间的差异
在 HTML 中, 标签没有结束标签。
在 XHTML 中, 标签必须被正确地关闭。
必需的属性
属性 值 描述
content some_text 定义与 http-equiv 或 name 属性相关的元信息
可选的属性
属性 值 描述
http-equiv content-type
expires
refresh
set-cookie 把 content 属性关联到 HTTP 头部。
name author
description
keywords
generator
revised
others 把 content 属性关联到一个名称。
scheme some_text 定义用于翻译 content 属性值的格式。
3.引入css样式文件
定义和用法
标签定义文档与外部资源的关系。 标签最常见的用途是链接样式表。HTML 与 XHTML 之间的差异
在 HTML 中, 标签没有结束标签。
在 XHTML 中, 标签必须被正确地关闭。
提示和注释:
注释:link 元素是空元素,它仅包含属性。
注释:此元素只能存在于 head 部分,不过它可出现任何次数。
属性
new : HTML5 中的新属性。
属性 值 描述
charset char_encoding HTML5 中不支持。
href URL 规定被链接文档的位置。
hreflang language_code 规定被链接文档中文本的语言。
media media_query 规定被链接文档将被显示在什么设备上。
rel alternate
author
help
icon
licence
next
pingback
prefetch
prev
search
sidebar
stylesheet
tag 规定当前文档与被链接文档之间的关系。
rev reversed relationship HTML5 中不支持。
sizes heightxwidth
any 规定被链接资源的尺寸。仅适用于 rel=“icon”。
target _blank
_self
_top
_parent
frame_name HTML5 中不支持。
type MIME_type 规定被链接文档的 MIME 类型。