HTML5常用代码
HTML5常用代码
<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单.
实例解析
<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题：HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.
<p> 元素定义一个段落：HTML 段落是通过标签 <p> 来定义的.
br 换行
hr 标签定义水平线：
空元素在开始标签中进行关闭（以开始标签的结束而结束）<br> 就是没有关闭标签的空元素（<br> 标签定义换行）
HTML 链接是通过标签 <a> 来定义的。提示:在 href 属性中指定链接的地址。
HTML 图像是通过标签 <img> 来定义的.
注意： 图像的名称和尺寸是以属性的形式提供的。
注：在浏览器的页面上使用键盘上的 F12 按键开启调试模式，就可以看到组成标签。
因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。
HTML 注释：可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。
HTML 属性
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value"。
HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定：
HTML 属性常用引用属性值
属性值应该始终被包括在引号内。
双引号是最常用的，不过使用单引号也没有问题。
提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='John "ShotGun" Nelson'
HTML 提示：使用小写属性
HTML 全局属性
accesskey 设置访问元素的键盘快捷键。
class 规定元素的类名（classname）
contenteditable 规定是否可编辑元素的内容。
contextmenuNew 指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单
data 用于存储页面的自定义数据
dir 设置元素中内容的文本方向。
draggable 指定某个元素是否可以拖动
dropzone 指定是否将数据复制，移动，或链接，或删除
hidden hidden 属性规定对元素进行隐藏。
id 规定元素的唯一 id
lang 设置元素中内容的语言代码。
spellcheck 检测元素是否拼写错误
style 规定元素的行内样式（inline style）
tabindex 设置元素的 Tab 键控制次序。
title 规定元素的额外信息（可在工具提示中显示）
translate 指定是否一个元素的值在页面载入时是否需要翻译
HTML 文本格式化
<b>、<strong>加粗文本
<em>、<i>斜体文本
<code>电脑自动输出
<sub> 下标
<sup> 上标
<pre> 对空行和 空格进行控制
<del>删除字效果
<ins>插入字效果
<code>计算机输出
<kbd> 定义键盘码
<samp> 定义计算机代码样本
<var> 定义变量
<pre> 定义预格式文本
<address> 定义地址
<abbr> 定义缩写
<acronym>定义缩写
<bdo> 定义文字方向
<blockquote> 定义长的引用
<q> 定义短的引用语
<cite> 定义引用、引证
<dfn> 定义一个定义项目。
关于<abbr>和<acronym>:都是表示缩略词的标签
不同点：
abbr：表示全词的缩写；
acronym：表示标记一个首字母缩写；
PS:其实看起来的效果都一样，只是内在表达的不一样而已，所以看不出什么区别，重点是现在acronym已经淘汰不用了，所以尽量改用
abbr就好
通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
然而，这些标签的含义是不同的：<b> 与<i> 定义粗体或斜体文本。
<strong> 或者 <em>意味着你要呈现的文本是重要的，所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏
览器可能会支持更好的渲染效果。
HTML 链接
HTML使用标签 <a>来设置超文本链接。
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。
在标签<a> 中使用了href属性来描述链接的地址。
在标签<a> 中使用了href属性来描述链接的地址。
默认情况下，链接将以以下形式出现在浏览器中：
一个未访问过的链接显示为蓝色字体并带有下划线。
访问过的链接显示为紫色并带有下划线。
点击链接时，链接显示为红色并带有下划线。
注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。
HTML 链接 - target 属性
创建电子邮件链接
参数说明：
mailto:name@email.com 邮件接收地址
cc=name@email.com 抄送地址
bcc=name@email.com 密件抄送地址
subject=subject text 邮件主题
body=body text 邮件内容
? 第一个参数分隔符
& 其他参数分隔符
注：多个邮件地址用 ; 隔开，空格用 %20 代替。
HTML <head> 元素
<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
<head> 定义了文档的信息
<title> 定义了文档的标题
<base> 定义了页面链接标签的默认链接地址
<link> 定义了一个文档和外部资源之间的关系
<meta> 定义了HTML文档中的元数据
<script> 定义了客户端的脚本文件
<style> 定义了HTML文档的样式文件
共有 0 条评论