例
使用 <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,我们一起飞!
1、HTML:Hyper Text Markup Language :超文本标记语言
超文本:
功能比普通文本更加强大
标记语言:
一套标记标签对内容进行描述的语言,它不是编程语言
2、HTML 使用标记标签来描述网页
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 标签忽略大小写,建议使用小写
1、标题标签
2、水平线标签
3、段落标签
4、字体标签
5、文本标签
6、定义文档类型
1、<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范
2、注释:<!DOCTYPE> 标签没有结束标签!
7、meta标签
①:元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词
②: 标签位于文档的头部,不包含任何内容
8、title标签
1、元素可定义文档的标题
2、浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上
着互联网的不断发展与前端开发技术的不断进步,越来越多的人想在前端开发市场中分一杯羹,而HTML语言凭着它简单易懂的特性成为了不少计算机萌新的入门语言。那么什么是HTML呢?
HTML,即超文本标记语言,是一种标识性的语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
使用HTML语言,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,即现在所见到的网页。而HTML标签是HTML语言中最基本的单位,是HTML最重要的组成部分。
标签一般分为两种:
1. 块级标签
占一整行的标签。如<h>、<p>、<div>、<form>等
2. 行内标签
可以多个标签共同占用一行的标签。比如:<span>,<a>,<input>,<img>,<label>等
3. 块级标签特点
4. 行内标签特点
平时写代码很少用到HTML的特殊字符,最常用的可能是 (空格)了,但有时在移动端为了节省时间,可能会用这些字符实现某种特殊效果。
使用方法:
常用HTML特殊字符
作用:声明文档的解析类型(document .compatMode),避免浏览器的怪异模式。
浏览器有怪异模式(BackCompat)和标准模式(CSS1Compat)两种模式,那么何为怪异模式和标准模式呢?
如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat,,如果是这样的话那就很麻烦了-------浏览器按照自己的方式解析渲染页面,即在不同的浏览器显示不同的样式。
但是如果你的页面添加了<!DOCTYPE html>,那么就等同于开启了标准模式,浏览器就得老老实实的按照W3C的标准解析渲染页面,这样一来,你的页面在所有的浏览器里显示的就都是一个样子了。
这就是<!DOCTYPE html>的作用。
<meta>标签用于提供关于 HTML 文档的元数据(元数据是关于数据的信息),元数据不会显示在页面上,但是对于机器是可读的。例如meta被用于设置关键字、设置页面描述、设置作者、设置字符集、设置页面定时跳转等等。meta标签放置在head标签中,对meta的设置对搜索引擎注册、搜索引擎优化排名等有至关重要的作用。
<meta>有两个属性,分别是http-equiv属性和name属性,不同属性有不同的参数,这些不同的参数使得名,meta标签有不同的功能:
http-equiv属性
顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
name属性
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
<title>开云见日</title>
link标签有两个作用:
1.设置标签页图标:
2.外联CSS文件:
用于存放或编写css文件:
<style type="text/css"></style>
1.引进文件
<script type="text/javasvript" src="http://www.ncerp.cn/js/main.js"></script>
2.写js代码
<script type="text/javascript">...</script>
属性如下:
HTML还有很多标签,像<ul>、<ol>、<dl>、<li>、<br>等等。在目前的移动应用开发大潮下,使用web技术进行移动应用开发正变得越来越流行,慢慢会变成以HTML为核心的技术栈配合数据库的天下。让我们找准时代发展方向,努力学习,成为时代的弄潮儿吧!
*请认真填写需求信息,我们会在24小时内与您取得联系。