HTML-入门笔记(1)
-
HTML简介
HTML 的全名是“超文本标记语言”(HyperText Markup Language),上个世纪90年代由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李(Tim Berners-Lee)发明。它的最大特点就是支持超链接,可以跳转到其他网页,从而构成了整个互联网。1999年,HTML 4.01 版发布,成为广泛接受的 HTML 标准。2014年,HTML 5 发布,这是目前正在使用的版本。 -
HTML开始
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
- 常用的表章节的标签
<body>,<section>,<nav>,<article>,<aside>,<h1> ~ <h6>,<header>,<footer>,<address>,<main>
---------------------------------------------------------------------------------------
<body> 代表 HTML 文档的内容,在文档中只能有一个 <body> 元素
<section> 定义文档中的一个章节
<nav> 定义只包含导航链接的章节
<article> 定义可以独立于内容其余部分的完整独立内容块
<aside> 定义和页面内容关联度较低的内容,如果内容被删除,剩下的内容仍然很合理
<h1> ~ <h6> 文档标题,标题元素简要的描述章节的主题
<header> 定义页面或章节的头部。它经常包含logo、页面标题和导航性的目录
<footer> 定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址
<address> 定义包含联系信息的一个章节
<main> 定义文档中主要或重要的内容
- 全局属性
<accesskey> 提供了为当前元素生成键盘快捷键的提示。这个属性由空格分隔的字符列表组成。浏览器应该使用在计算机键盘布局上存在的第一个。
<autocapitalize> 控制用户输入的内容是否应用自动大写。
<class> 一个以空格分隔的元素的类名列表,它允许 css 和 js 通过类选择器或 dom 方法来选择和访问特定的元素。
<contenteditable> 一个枚举属性,表示元素是否可以被用户编辑。如果可以,浏览器会调整元素的部件以允许编辑。
<data-*> 一类自定义数据属性,它赋予我们在所有HTML元素上嵌入自定义数据属性的能力,并可以通过脚本于HTML之间进行专有数据的交换。所有这些自定义数据属性都可以通过所属元素的HTMLElement 接口来访问。HTMLElement.dataset 属性可以访问它们。
<dir> 一个指示元素中文本方向的枚举属性。
<draggbale> 一种枚举属性,指示是否可以使用 Drag and Drop API 拖动元素。
<hidden> 布尔属性表示该元素尚未或不再相关。例如,他可以用于在登录过程完成之前无法使用的页面元素。
<id> 定义唯一标识符,该标识符在整个文档中必须是惟一的。
<inputmode> 向浏览器提供有关在编辑此元素或其内容时要使用的虚拟键盘配置类型的提示。主要用于 input 元素,但在 contenteditable 模式下可用于任何元素。
<style> 含要用于元素的 css 样式声明。建议在单独的文件中定义样式。
<tabindex> 整数属性,指示元素是否可以获取输入焦点,是否应该参与顺序键盘导航,如果是,则表示哪个位置。
<title> 包含表示与其所属元素相关信息的文本。这些信息通常可以作为提示呈现给用户,但不是必须的。
- 常用的内容标签
<p> 定义一个段落。
<hr> 代表章节、文章或其他长内容中段落之间的分隔符。
<pre> 代表其内容已经经过预先排版,格式应当保留。
<blockquote> 代表引用自其他来源的内容。
<ol> 定义一个有序列表。
<ul> 定义一个无序列表。
<li> 定义列表中的一个列表项。
<dl> 定义一个定义列表。
<dt> 定义一个?下一个 <dd> 定义的术语。
<dd> 代表出现在它之前术语的定义。
<figure> 定义一个和文档有关的图例。
<figcaption> 定义一个图例说明。
<div> 代表一个通用的容器,没有特殊含义。