整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML <summary> 标签

使用 <summary> 元素:

<details>

<summary>Copyright 1999-2011.</summary>

<p> - by Refsnes Data. All Rights Reserved.</p>

<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>

</details>


浏览器支持

目前,只有 Chrome 和 Safari 6 支持 <summary> 标签。


标签定义及使用说明

<summary> 标签为 <details> 元素定义一个可见的标题。 当用户点击标题时会显示出详细信息。


HTML 4.01 与 HTML5之间的差异

<summary> 标签是 HTML5 中的新标签。


提示和注释

注释:<summary> 元素应该是 <details> 元素的第一个子元素。


全局属性

<summary> 标签支持 HTML 的全局属性。


事件属性

<summary> 标签支持 HTML 的事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

:HTML描述

1、HTML:Hyper Text Markup Language :超文本标记语言

超文本:

功能比普通文本更加强大

标记语言:

一套标记标签对内容进行描述的语言,它不是编程语言

2、HTML 使用标记标签来描述网页

二:XHTML描述

1、XHTML (The Extensible Markup Language)可扩展标识语言

2、XHTML所有标签都必须小写

3、XHTML标签必须成双成对

4、XHTML标签顺序必须正确

三:语法和规范

1、HTML 文件都是以.html 或者.htm 结尾的,建议使用.html 结尾!

2、Html 文件分为头部分<head></head>和体部分<body></body>

3、标签对中的第一个标签是开始标签,第二个标签是结束标签

4、开始和结束标签也被称为开放标签和闭合标签

5、Html 标签都是由开始标签和结束标签组成(<hr />)

6、Html 标签忽略大小写,建议使用小写

四:HTML 标签

1、标题标签

2、水平线标签

3、段落标签

4、字体标签

5、文本标签

6、定义文档类型

1、<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范

2、注释:<!DOCTYPE> 标签没有结束标签!

7、meta标签

①:元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词

②: 标签位于文档的头部,不包含任何内容

8、title标签

1、元素可定义文档的标题

2、浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上

着互联网的不断发展与前端开发技术的不断进步,越来越多的人想在前端开发市场中分一杯羹,而HTML语言凭着它简单易懂的特性成为了不少计算机萌新的入门语言。那么什么是HTML呢?

什么是HTML

HTML,即超文本标记语言,是一种标识性的语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

使用HTML语言,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,即现在所见到的网页。而HTML标签是HTML语言中最基本的单位,是HTML最重要的组成部分。

什么是HTML标签

  • HTML标签是由一对尖括号括起来的关键词,像<html>、<body>等。
  • HTML标签通常是成对出现的,第一个标签是开始标签,第二个标签是结束标签。
  • 标签不区分大小写,最好用小写。
  • 标签可以嵌套,但是不可以交叉嵌套,如<a><b></a></b>。
  • 有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭合标签.如<br/> <hr/> <img />等。

标签分类

标签一般分为两种:

1. 块级标签

占一整行的标签。如<h>、<p>、<div>、<form>等

2. 行内标签

可以多个标签共同占用一行的标签。比如:<span>,<a>,<input>,<img>,<label>等

3. 块级标签特点

  • 总是在新行上开始
  • 宽度缺省是它的容器的100%,除非设定一个宽度
  • 它可以容纳内联元素和其他块元素

4. 行内标签特点

  • 和其他元素都在一行上
  • 宽度就是它的文字或图片的宽度,不可改变
  • 内联元素只能容纳文本或者其他内联元素

HTML特殊字符

平时写代码很少用到HTML的特殊字符,最常用的可能是 (空格)了,但有时在移动端为了节省时间,可能会用这些字符实现某种特殊效果。

使用方法:

  • 这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;
  • 编号用在HTML中时,需要在前面加上&#符号;
  • 用于CSS文件中,但是需要用反斜杠\转义;
  • 用于JavaScript,和CSS用法一样,不过要用\u来转义。

常用HTML特殊字符

HTML基本标签简介

  1. <!DOCTYPE html>标签

作用:声明文档的解析类型(document .compatMode),避免浏览器的怪异模式。

浏览器有怪异模式(BackCompat)和标准模式(CSS1Compat)两种模式,那么何为怪异模式和标准模式呢?

  • BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
  • CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。

如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat,,如果是这样的话那就很麻烦了-------浏览器按照自己的方式解析渲染页面,即在不同的浏览器显示不同的样式。

但是如果你的页面添加了<!DOCTYPE html>,那么就等同于开启了标准模式,浏览器就得老老实实的按照W3C的标准解析渲染页面,这样一来,你的页面在所有的浏览器里显示的就都是一个样子了。

这就是<!DOCTYPE html>的作用。

  1. <meta>标签

<meta>标签用于提供关于 HTML 文档的元数据(元数据是关于数据的信息),元数据不会显示在页面上,但是对于机器是可读的。例如meta被用于设置关键字设置页面描述设置作者设置字符集设置页面定时跳转等等。meta标签放置在head标签中,对meta的设置对搜索引擎注册、搜索引擎优化排名等有至关重要的作用。

<meta>有两个属性,分别是http-equiv属性和name属性,不同属性有不同的参数,这些不同的参数使得名,meta标签有不同的功能:

http-equiv属性

顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

  • 页面编码:

  • 页面刷新和跳转

  • 解决IE浏览器兼容性问题

name属性

name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

  • 供搜索引擎使用(关键词)


  • 网站信息描述

  1. <title>标签
  • title标签写网站头部信息,即网页标签的名称:

<title>开云见日</title>

  1. <link>标签

link标签有两个作用:

1.设置标签页图标:


2.外联CSS文件:


  1. <style>标签

用于存放或编写css文件:

<style type="text/css"></style>

  1. <script>标签

1.引进文件

<script type="text/javasvript" src="http://www.ncerp.cn/js/main.js"></script>

2.写js代码

<script type="text/javascript">...</script>

  1. 常用标签
  • <hn>:n的取值范围是1~6; 从大到小. 用来表示标题.
  • <p>:段落标签. 包裹的内容被换行.并且也上下内容之间有一行空白.
  • <b> <strong>:加粗标签.
  • <strike>:为文字加上一条中线.
  • <em>:文字变成斜体.
  • <sup>和<sub>:上角标 和 下角表.
  • <br>:换行.
  • <hr>:水平线
  • <div>:白板,本身没有特性,块级标签。
  • <span>:白板,本身没有特性,行内标签。

<sup>和<sub>的使用

  • <p>这个文本包含 <sub>下标</sub>文本。</p>
  • <p>这个文本包含 <sup>上标</sup> 文本。</p>
    1. <a>标签
    • 作超链接:跳转到指定url

    • 作锚点:条转到指定id

    1. <img>标签

    属性如下:

  • src: 要显示图片的路径.
  • alt: 图片没有加载成功时的提示.
  • title: 鼠标悬浮时的提示信息.
  • width: 图片的宽
  • height:图片的高 (宽高两个属性只用一个会自动等比缩放
  • HTML还有很多标签,像<ul>、<ol>、<dl>、<li>、<br>等等。在目前的移动应用开发大潮下,使用web技术进行移动应用开发正变得越来越流行,慢慢会变成以HTML为核心的技术栈配合数据库的天下。让我们找准时代发展方向,努力学习,成为时代的弄潮儿吧!