zoukankan      html  css  js  c++  java
  • html与html5

    HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。HTML 的关键是标签,其作用是指示将出现的内容。 

    HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
    HTML 链接是通过 <a> 标签进行定义的。<a href="http://www.w3school.com.cn">This is a link</a>
    HTML 图像是通过 <img> 标签进行定义的。<img src="w3school.jpg" width="104" height="142" />
    没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。比如 <br />
    如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签:<p>This is<br />a para<br />graph with line breaks</p>
    <hr /> 标签在 HTML 页面中创建水平线。
    无序列表始于 <ul> 标签。每个列表项始于 <li>;有序列表始于 <ol> 标签。每个列表项始于 <li> 标签;自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
    HTML注释:<!-- This is a comment -->
    HTML 标签可以拥有属性。
    <h1 align="center">
    <body bgcolor="yellow">
    <table border="1">
    属性值应该始终被包括在引号内。双引号是最常用的,在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号.

     使用样式:常用外部样式表/内联样式

    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>
    <body>
    <p style="color: red; margin-left: 20px">
    This is a paragraph
    </p>
    </body>

    HTML中得元素分为块元素和内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束),例子:<h1>,<p>,<table>;内联元素在显示时通常不会以新行开始,如<b>,<a>。

    可以通过 <div> 和 <span> 将 HTML 元素组合起来,便于CSS样式的控制,div是块元素,span是内联元素。

    HTML表单是一个包含众多元素的区域 

    <form name="input" action="html_form_action.asp" method="get">
    <input type="text" name="myname" />
    <input type="radio" name="sex" value="male" />
    <input type="checkbox" name="bike" />
    <input type="submit" value="Submit" />

    HTML的框架,将多个网页整合在一起

    <html>
    <frameset cols="25%,50%,25%">
      <frame src="/example/html/frame_a.html">
      <frame src="/example/html/frame_b.html">
      <frame src="/example/html/frame_c.html">
    </frameset>
    </html>

    内联框架 

    <!DOCTYPE html>
    <html>
    <body>
    <iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe>
    <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
    <p><b>注释:</b>由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开。</p>
    </body>
    </html>

    元素速查http://www.w3school.com.cn/html/html_quick.asp

    HTML头部<head>必须包含<title>,还可以包含<base>链接的默认地址和打开方式、<link>外部文件的关系、<style>很少使用这种方式的样式、<meta>网页的元数据秒数用于搜索引擎、<script>脚本。

    XHTML 是更严格更纯净的 HTML 代码,是作为一种 XML 应用被重新定义的 HTML。

    HTML5 是下一代的 HTML,添加了多媒体、画布的支持,新加了一些元素。新特性包括:对本地离线存储的更好的支持、web worker 运行在后台的 JavaScript、EventSource向服务器发送事件获取更新等。

    PS: 

    客户端存储
    cookie
    localStorage(html5)
    sessionStorage(html5)
    有效期 服务器设定 永久,服务器可操作修改 一个回话
    大小 4k 5M甚至更大 5M甚至更大
    性能 服务器间传送 长期本地存储 短期本地存储

    cookie和session对比:http://www.cnblogs.com/shiyangxt/archive/2008/10/07/1305506.html

  • 相关阅读:
    XSS的原理分析与解剖
    js多少时间之前
    倒计时代码
    js data日期初始化的5种方法
    js日期格式化函数
    删除 Windows Azure 网站上的标准服务器头
    Windows Azure 社区新闻综述(#77 版)
    android 获取本机号码需要root吗?
    宣布正式发布 Biz Talk Services、Azure Active Directory 和 Traffic Manager, 同时发布 Azure Active Directory 高级版预览
    Android 下使用tcpdump网络抓包方法
  • 原文地址:https://www.cnblogs.com/houkai/p/4691531.html
Copyright © 2011-2022 走看看