html笔记

Jun 08, 2016 am 08:47 AM

http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

使用带有 http-equiv 属性的  标签时,服务器将把名称/值对添加到发送给浏览器的内容头部
 
meta name keywords
meta是html语言head区的一个辅助性标签。几乎所有的网页里,我们可以看到类似下面这段的html代码:  
<head>  
<meta http-equiv="content-Type" content="text/html; charset=gb2312">  
</head>  
也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集;可以设定页面格式及刷新等等。  
一、meta标签的组成  
meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。  
1、name属性  
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。  
meat标签的name属性语法格式是:<meta name="参数" content="具体的参数值"> 。  
其中name属性主要有以下几种参数:  
A、Keywords(关键字)  
说明:keywords用来告诉搜索引擎你网页的关键字是什么。  
举例:<meta name ="keywords" content="science, education,culture,politics,ecnomics,relationships, entertaiment, human">  
B、description(网站内容描述)  
说明:description用来告诉搜索引擎你的网站主要内容。  
举例:<meta name="description" content="This page is about the meaning of science, education,culture.">  
C、robots(机器人向导)  
说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。  
content的参数有all,none,index,noindex,follow,nofollow。默认是all。  
举例:<meta name="robots" content="none">  
D、author(作者)  
说明:标注网页的作者  
举例:<meta name="author" content="bluebox,web@7dspace.com">
 
 
特殊字符
空格: 
 
 
有:
1网页标签名称
2
3
4
5
告诉程序:哥要准备写css了!
Rel是relationship的英文缩写,它描述了当前页面与href所指定文档的关系;
stylesheet就是样式表的意思;CSS是 Cascading Style Sheet(级联样式表)的缩写
 
html
head
body
     header
     nav
     section也可以在aside下面
     article
     aside
     footer
 
属性与属性空格
属性值之间分号
 
标记,元素,属性,属性值
XHTML严谨,HTML5兼容性
 
HTML 5
b,i,u,s,sub,sup
块分区
p /div
行内分区


html笔记
锚点
1.定义锚点
2.连接到锚点
 
表格标题
只1个且紧跟,默认居中
表头
表主体
表尾t
     
     
     
     
     
     
 
列表
      dl列表
           dt术语
           dd术语的具体定义
       
       
       
       
       
      表单
           
           文本框与密码框
           单选框和复选框
           
           
       
      多行文本输入框
       
      为控件分组
      为控件分组
           被包围的标题
           地址:
           
           邮编:
       
       
       
       
       
       
      浮动框架:页中页
       
      需要高粱的文本
       
      摘要和细节
           标题
           
           发票抬头:
           发票内容:
           
       
      度量
      设备1:
      %
      Statement of this Website
      The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

      Hot AI Tools

      Undresser.AI Undress

      Undresser.AI Undress

      AI-powered app for creating realistic nude photos

      AI Clothes Remover

      AI Clothes Remover

      Online AI tool for removing clothes from photos.

      Undress AI Tool

      Undress AI Tool

      Undress images for free

      Clothoff.io

      Clothoff.io

      AI clothes remover

      AI Hentai Generator

      AI Hentai Generator

      Generate AI Hentai for free.

      Hot Article

      R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
      3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
      R.E.P.O. Best Graphic Settings
      3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
      R.E.P.O. How to Fix Audio if You Can't Hear Anyone
      3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
      WWE 2K25: How To Unlock Everything In MyRise
      3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

      Hot Tools

      Notepad++7.3.1

      Notepad++7.3.1

      Easy-to-use and free code editor

      SublimeText3 Chinese version

      SublimeText3 Chinese version

      Chinese version, very easy to use

      Zend Studio 13.0.1

      Zend Studio 13.0.1

      Powerful PHP integrated development environment

      Dreamweaver CS6

      Dreamweaver CS6

      Visual web development tools

      SublimeText3 Mac version

      SublimeText3 Mac version

      God-level code editing software (SublimeText3)

      What is the purpose of the <progress> element? What is the purpose of the <progress> element? Mar 21, 2025 pm 12:34 PM

      The article discusses the HTML &lt;progress&gt; element, its purpose, styling, and differences from the &lt;meter&gt; element. The main focus is on using &lt;progress&gt; for task completion and &lt;meter&gt; for stati

      What is the purpose of the <datalist> element? What is the purpose of the <datalist> element? Mar 21, 2025 pm 12:33 PM

      The article discusses the HTML &lt;datalist&gt; element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

      What are the best practices for cross-browser compatibility in HTML5? What are the best practices for cross-browser compatibility in HTML5? Mar 17, 2025 pm 12:20 PM

      Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

      What is the purpose of the <meter> element? What is the purpose of the <meter> element? Mar 21, 2025 pm 12:35 PM

      The article discusses the HTML &lt;meter&gt; element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates &lt;meter&gt; from &lt;progress&gt; and ex

      How do I use HTML5 form validation attributes to validate user input? How do I use HTML5 form validation attributes to validate user input? Mar 17, 2025 pm 12:27 PM

      The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

      How do I use the HTML5 <time> element to represent dates and times semantically? How do I use the HTML5 <time> element to represent dates and times semantically? Mar 12, 2025 pm 04:05 PM

      This article explains the HTML5 &lt;time&gt; element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit

      What is the viewport meta tag? Why is it important for responsive design? What is the viewport meta tag? Why is it important for responsive design? Mar 20, 2025 pm 05:56 PM

      The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.

      What is the purpose of the <iframe> tag? What are the security considerations when using it? What is the purpose of the <iframe> tag? What are the security considerations when using it? Mar 20, 2025 pm 06:05 PM

      The article discusses the &lt;iframe&gt; tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

      See all articles