为了账号安全,请及时绑定邮箱和手机立即绑定

2018-08-17初识HTML

标签:
Html/CSS

W3C介绍

  • W3C 指万维网联盟(World Wide Web Consortium),创建于1994年10月。

  • Tim Berners-Lee - 万维网的发明人 - 目前是万维网联盟的主任

  • W3C 的工作是对 web 进行标准化,W3C 创建并维护 WWW 标准,

  • W3C 最重要的工作是发展 Web 规范(称为推荐,Recommendations),这些规范描述了 Web 的通信协议(比如 HTML 和 XHTML)和其他的构建模块。
    每项 W3C 推荐的发展是通过由会员和受邀专家组成的工作组来完成的。工作组的经费来自公司和其他组织,并会创建一个工作草案,最后是一份提议推荐。一般来说,为了获得正式的批准,推荐都会被提交给 W3C 会员和主任。

HTML

超文本标记语言  (英语:Hypertext Markup Language,简称:HTML )  是一种用来结构化 Web 网页及其内容的标记语言。

HTML标签

1. 根元素

ElementDescription
<html>代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点。

2. 文档元数据

ElementDescription
<head>代表关于文档元数据的一个集合,包括脚本或样式表的链接或内容。
<title>定义文档的标题,将显示在浏览器的标题栏或标签页上。该元素只能包含文本,包含的标签不会被解释。
<base>定义页面上相对 URL 的基准 URL。
<link>用于链接外部的 CSS 到该文档。
<meta>定义其他 HTML 元素无法描述的元数据。
<style>用于内联 CSS。

3. 脚本

ElementDescription
<script>定义一个内联脚本或链接到外部脚本。脚本语言是 JavaScript。
<noscript>定义当浏览器不支持脚本时显示的替代文字。
<template> H5通过 JavaScript 在运行时实例化内容的容器。

4. 章节

ElementDescription
<body>代表 HTML 文档的内容。在文档中只能有一个 <body> 元素。
<section> H5定义文档中的一个章节。不要把 <section> 元素作为一个普通的容器来使用,这是本应该是<div>的用法(特别是当片段(the sectioning )仅仅是为了美化样式的时候)。 一般来说,一个<section>应该出现在文档大纲中。
<nav> H5定义只包含导航链接的章节。
<article>H5定义可以独立于内容其余部分的完整独立内容块。
<aside>H5定义和页面内容关联度较低的内容——如果被删除,剩下的内容仍然很合理。
<h1-h6>标题元素实现了六层文档标题,<h1> 是最大的标题,<h6> 是最小的标题。标题元素简要地描述章节的主题。
<header>H5定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。
<footer>H5定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。
<address>定义包含联系信息的一个章节。
<main>H5定义文档中主要或重要的内容。

5. 组织内容

ElementDescription
<p>定义一个段落。
<hr>代表章节、文章或其他长内容中段落之间的分隔符。
<pre>代表其内容已经预先排版过,格式应当保留 。
<blockquote>代表引用自其他来源的内容。
<ol>定义一个有序列表。配合<li>使用
<ul>定义一个无序列表。配合<li>使用
<li>定义列表中的一个列表项。
<dl>定义一个定义列表(一系列术语和其定义)。
<dt>代表一个由下一个 <dd> 定义的术语。
<dd>代表出现在它之前术语的定义。
<figure> H5代表一段独立的内容, 经常与说明(caption) <figcaption> 配合使用, 并且作为一个独立的引用单元。这个标签经常是在主文中引用的图片,插图,表格,代码段等等,当这部分转移到附录中或者其他页面时不会影响到主体。
<<figcaption>> H5<figcaption> 元素 是与其相关联的图片的说明/标题,用于描述其父节点 <figure> 元素里的其他数据。这意味着 <figcaption> 在<figure> 块里是第一个或最后一个。同时 HTML Figcaption 元素是可选的;如果没有该元素,这个父节点的图片只是会没有说明/标题。
<div>代表一个通用的容器,没有特殊含义。它在语义上不代表任何特定类型的内容,它可以被用来对其它元素进行分组,一般用于样式化相关的需求(使用 class 或 id 特性) 或者对具有相同特性的一组元素进行分组 (比如 lang),它应该在没有任何其它语义元素可用时才使用

6. 文字形式

ElementDescription
<a>代表一个链接到其他资源的超链接 。<a> 元素  (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接
<em>代表强调 文字。通常的,该元素会被浏览器展示为斜体文本
<strong>代表特别重要 文字。表示文本十分重要,一般用粗体显示。
<small>代表注释 ,如免责声明、版权声明等,对理解文档不重要。
<s>代表不准确或不相关 的内容。<s> 元素 使用删除线来渲染文本。使用 <s> 元素来表示不再相关,或者不再准确的事情。但是当表示文档编辑时,不提倡使用 <s> ;为此,提倡使用 <del> 和 <ins> 元素。
<cite>代表作品标题 。表示一个作品的引用。它必须包含引用作品的符合简写格式的标题或者URL,它可能是一个根据添加引用元数据的约定的简写形式。
<q>代表内联的引用 。表示一个封闭的并且是短的行内引用的文本. 这个标签是用来引用短的文本,所以请不要引入换行符; 对于长的文本的引用请使用 <blockquote> 替代.
<dfn>代表一个术语包含在其最近祖先内容中的定义 。
<abbr>代表省略 或缩写 ,其完整内容在 title 属性中。<abbr title="Laugh Out Loud">LOL</abbr>
<data>H5关联一个内容的机器可读的等价形式 (该元素只在 WHATWG 版本的 HTML 标准中,不在 W3C 版本的 HTML5 标准中)。
<time>H5代表日期 和时间 值;机器可读的等价形式通过 datetime 属性指定。<p>The concert starts at <time>20:00</time>.</p>
<code>代表计算机代码 。<p>Regular text. <code>This is code.</code> Regular text.</p>
<var>代表代码中的变量 。
<samp>代表程序或电脑的输出 。<p>Regular text. <samp>This is sample text.</samp> Regular text.</p>
<kbd>代表用户输入 ,一般从键盘输出,但也可以代表其他输入,如语音输入。<p>Save the document by pressing <kbd>Ctrl</kbd> + <kbd>S</kbd></p>
<sub,sup>分别代表下标 和上标 。<p>The chemical formula of water: H21</p>
<i>代表一段不同性质 的文字,如技术术语、外文短语等。
<b>代表一段需要被关注 的文字。 一般用<strong></strong>
<u>代表一段需要下划线呈现的文本注释,如标记出拼写错误的文字等。<u>Today's Special</u>: Salmon<br />
<mark>H5代表一段需要被高亮的引用 文字。<p><mark> 元素用于 <mark>高亮</mark> 文本</p>
<ruby>H5代表被ruby 注释 标记的文本,如中文汉字和它的拼音。
<rt>H5代表ruby 注释 ,如中文拼音。<ruby>汉<rt>Han</rt></ruby>
<rp>H5代表 ruby 注释两边的额外插入文本 ,用于在不支持 ruby 注释显示的浏览器中提供友好的注释显示。
<bdi>H5代表需要脱离 父元素文本方向的一段文本。它允许嵌入一段不同或未知文本方向格式的文本。
<bdo>指定子元素的文本方向 ,显式地覆盖默认的文本方向。
<span>代表一段没有特殊含义的文本,当其他语义元素都不适合文本时候可以使用该元素。<span> 与 <div> 元素很相似,但 <div> 是一个 块元素 而 <span> 则是 行内元素 .
<br>代表换行 。
<wbr>H5代表建议换行 (Word Break Opportunity) ,当文本太长需要换行时将会在此处添加换行符。



作者:饥人谷_鱼鱼鱼
链接:https://www.jianshu.com/p/739f1cb6b16f


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消