HTML 简介
- HTML 文本标记语言(英语:HyperText Markup Language,简称:HTML)是由W3C和WHATWG开发的一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。
- W3C
又称W3C理事会,是万维网的主要国际标准组织。为半自治非政府组织(quasi-autonomous nongovernmental organization)。万维网联盟(W3C)由蒂姆·伯纳斯-李于1994年10月离开欧洲核子研究中心(CERN)后成立,在欧盟委员会和国防高等研究计划署(DARPA)的支持下成立于麻省理工学院MIT计算机科学与人工智能实验室(MIT/LCSDARPA推出了ARPANET,是互联网前身之一。 - WHATWG
网页超文本应用技术工作小组(英语:Web Hypertext Application Technology Working Group,缩写:WHATWG),是一个以推动网络HTML标准为目的而成立的组织。在2004年,由Apple公司、Mozilla基金会和Opera软件公司所组成。
HTML 起手
HTML应由<!DOCTYPE html>
起手,声明接下去的内容是一份HTML文档。之后在head标签内定义一些基本的属性。如下
<!DOCTYPE html>
<!--网页内容默认语言-->
<html lang="en">
<head>
<meta charset="UTF-8" />
<!--禁用缩放,兼容手机-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--告诉IE使用最新内核-->
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
</body>
</html>
常用表章节HTML标签
- article 文章
article元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构,如在发布中,它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。
摘自 MDN - h1~h6 标题
h1定义最大的标题,h6 定义最小的标题。 - section 章节
- p 段落
- header 头部
区域顶部 - footer 脚部
区域底部 - main 主要内容
通常在header和footer之间 - aside 旁支内容
一般可以写导航,如参考文献 - div 划分
div包裹的内容为一个整体
全局属性
以下摘自MDN
- class
class 的值是一个以空格分隔的元素的类名(classes )列表,它允许 CSS 和 Javascript 通过类选择器 (class selectors) 或DOM方法(document.getElementsByClassName
)来选择和访问特定的元素。 - contenteditable
contenteditable 是一个枚举属性,表示元素是否可被用户编辑。 如果可以,浏览器会修改元素的部件以允许编辑。 - hidden
hidden 是一个布尔属性,表示一个元素尚未或者不再相关。例如,它可以被用来隐藏一个页面元素直到登录完毕。如果一个元素设置了这个属性,它就不会被显示。 - id
id 定义了一个全文档唯一的标识符 (ID)。它用于在链接(使用片段)、脚本和样式(通过 CSS)中辨识元素。 - style
style 元素包含文档的样式信息或者文档的部分内容。默认情况下,该标签的样式信息通常是的格式。 - tabindex
tabindex 指示其元素是否可以聚焦,以及它是否/在何处参与顺序键盘导航(通常使用Tab键)。 - title
title 元素定义文档的标题,显示在浏览器的标题栏或标签页上。它只应该包含文本,若是包含有标签,则它包含的任何标签都将被忽略。
常用内容标签
- ol
ordered list ,不能含有li之外的子元素 - ul
unordered list - li
list item - dl
description list - dt
description term 描述的对象 - dd
描述的内容 - pre
可以将全部的空格、回车、tab显示出来 - code
包裹住的内容以等宽字体显示 - hr
分隔线 - br
换行 - a
通常通过href ="" 来连接路径,如标签页、文件等 - em
emphasis 默认斜体 强调语气 - strong
默认加粗 强调内容本身 - quote
行内引用 - blockquote
块级引用