table tags and meta tags

2010-12-10  来源:本站原创  分类:Web  人气:75 

table tags and meta tags

table:

Form defined by the <table> tag. Each table has a certain line (defined by the <tr> labels), each line is divided into several cells (defined by the <td> tag). Td form letters refer to the data (table data), the data contents of the cell. Data cell can contain text, pictures, lists, paragraphs, forms, horizontal lines, tables and so on.

If you do not define the border attribute, the table borders will not be displayed. Sometimes this is useful, but most of the time, we want to show the border.

Display table with borders with border cell also:

<table border="1">

Show only table with a border:

<table>

Show only cells with a border and the spacing between elements were:

tr td {border: solid 1px;}

Set of data within the cell border and cell spacing:

<table cellpadding="10"> or tr td {padding: 10px;}

Set the cell and between cells and the distance between the table border:

<table cellspacing="10px">

Just set the cell spacing with table border:

table {padding: 10px;}

Table only shows the upper and lower border:

<table rules="groups">

Show only the border line:

<table rules="cols">

Show only the border line:

<table rules="rows">

Show only cell borders and no space between cells:

<table rules="all">

Table header label using the <th> defined.

In most browsers, the content of table cells do not show it very well. To avoid this, in the empty cell in the placeholder to add a space, you can frame displayed. <td> </ td>.

Table heading tags using <caption> definition:

<table border="1">

<caption> title </ caption>

<tr>

<td> Row 1, cell 1 </ td>

<td> </ td>

</ Tr>

</ Table>

Cross or cross out the table cells:

Cross with the rowspan attribute, use the colspan attribute across columns

Cross-n cell line:

<td rowspan="n"> the same time the cell you want to delete the following unit cell n-1 form will not result in deformation

Cell cross-n columns:

<td colspan="n"> the same time to remove the cell to the right of unit cells n-1 form will not result in deformation

meta

<meta> elements can provide information on the page meta-information (meta-information), such as for search engines and update frequency of the description and keywords.

<meta> label is located on the head of the document does not contain any content. <meta> tag defines the attributes associated with the document name / value pairs.

<meta> always located in the head tag within an element.

Metadata is always the name / value pairs of the form is passed.

name attribute (possible values: author, description, keywords, generator, revised, others)

name attribute provides a name / value pairs in the name. HTML and XHTML tags do not specify any predefined <meta> name. Usually, you can freely use the source documents for themselves and their readers a meaningful name.

"Keywords" is a frequently used name. It defines a set of document keywords. Some search engines in the face of these keywords, it will use these keywords to the document classification.

Meta tags like this into the search engine may index for the help:

<Meta name = "keywords" content = "HTML, ASP, PHP, SQL"

If no name attribute, then the name / value pairs will be used in the name of the http-equiv attribute value.

http-equiv attribute (possible values: content-type, expires, refresh, set-cookie)

http-equiv attribute name / value pairs to provide a name. And instruct the server before sending the actual document to be sent to the browser in the MIME document header contains the name / value pairs.

When the server sends the document to the browser will first send a lot of name / value pairs. Although some of the server will send many of these name / value pairs, but all servers are at least send a: content-type: text / html. This will tell the browser to prepare to accept a HTML document.

Use http-equiv attribute with <meta> label, the server will name / value pairs to send to the browser's content head. For example, add:

<meta http-equiv="charset" content="iso-8859-1">

<meta http-equiv="expires" content="31 Dec 2008">

Sent to the browser so that the head should include:

content-type: text / html

charset: iso-8859-1

expires: 31 Dec 2007

Of course, only the browser can accept these additional fields in the head, and can use them in an appropriate manner, these fields can be meaningful.

content attributes

content property provides a name / value pair value. This value can be any valid string.

content attribute name is always going to property or http-equiv attribute.

scheme property (some_text)

scheme property is used to specify the program used to translate the property value. This program should <head> tag by the specified profile attribute is defined in the Overview document.

Example:

To achieve the page refresh every 10 seconds

<meta http-equiv="refresh" content="10"/>

相关文章
  • table tags and meta tags 2010-12-10

    table tags and meta tags table: Form defined by the <table> tag. Each table has a certain line (defined by the <tr> labels), each line is divided into several cells (defined by the <td> tag). Td form letters refer to the data (table data

  • Within the head tags meta tags 2008-10-12

    HTML document a major role in primary and secondary meta tags meta is used in the HTML document to simulate HTTP protocol response header packet. meta tags for web pages <head> and </ head> in, meta tags use a lot. There are two meta attribute

  • META tags - HTML META purpose, function and properties 2009-04-23

    META used to be just a label HTML code only, but one day this world there is a thing called a search engine, META tags have suddenly people to pay attention up, and META also added that properties similar to Robots. Before writing this article, I am

  • Four-step learning Meta Tags 2010-04-12

    Many people have been ignoring the powerful effect HTML META tags, META tags a good design can greatly improve your website the possibility of being searched, we are interested can see the following detailed description, not interested that can gener

  • Pages Meta Tags for transmission of the disease 2010-04-14

    Many people have been ignoring the powerful effect HTML META tags, META tags a good design can greatly improve your website the possibility of being searched, we are interested can see the following detailed description, not interested that can gener

  • html in the meta tags 2010-11-11

    meta HTML document is used to simulate the response headers HTTP protocol packets. <head> meta tags for web pages and </ head> in, meta tags use a lot. There are two meta attributes: name and http-equiv. name attribute used to describe the mai

  • Detailed production site meta tags 2010-11-15

    meta is often made use of the site, but does not show up, open the browser, right view the source code will be able to see a lot of meta code, following a look at meta html meta language head area is a secondary label. Almost all of the pages, we can

  • 使用热门选择:元标记(Meta tags)和网页搜索 2014-06-14

    如果你能写好和维持准确的元标记(例如,描述性标题和为搜索机器人提供的信息),Google就可以更准确地爬行.索引并在搜索结果中显示你的网站.元标记为各种各样的客户端(例如浏览器和搜索引擎)提供信息.请记住,每一个客户端可能只解析对该客户端有用的元标记,而忽略了其他元标记(虽然它们有其他用处). 下面是Google如何解析以下HTML页的元标记: <!DOCTYPE -><head> <title>传统瑞士奶酪火锅食谱<title> Google使用此标记,网

  • robots.txt and Meta tags in SEO role. how to submit a site map (transfer) 2011-01-04

    Transfer from: http://hi.baidu.com/wzk717/blog/item/ab854ddfb8350a19495403d8.html 1, robots.txt is what? robots.txt is a text file, used to tell the spider (not limited to search engine spiders) to crawl this site which allows the location, which loc

  • robots.txt and Meta tags in SEO role. how to submit your site map (transfer) 2011-01-04

    Transfer: http://hi.baidu.com/wzk717/blog/item/ab854ddfb8350a19495403d8.html 1, robots.txt is what? robots.txt is a text file that tells web spiders (search engine spiders are not limited to) what position allowed to crawl the site, which location is

  • jquery's approach to style html tags and script tags 2010-10-07

    html jquery method handled the various situations Script to create the corresponding script object, set the type attribute, if the data is remote, set the src If the inline script, ie set the text property for the script to execute firefox upper appe

  • Tags(SWF的tags总结表,目前比较全) 2014-03-07

    点击查看tag列表: 编号 tagname Character_id 备注 0 End 1 ShowFrame 2 DefineShape ID for this character 3 FreeCharacter UnDocument 4 PlaceObject ID of character to place 5 RemoveObject ID of character to remove 6 DefineBits ID for this character 7 DefineButton I

  • meta标签常用属性整理 2014-12-20

    概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. --W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性关联到HTTP头部. nam

  • Meta Keywords对Google排名不起作用 2015-02-25

    Google员工Matt Cutts在 Webmaster Central Blog 上发表了"Google does not use the keywords meta tag in web ranking",文章表明Meta Keywords 对 Google 排名基本没有影响了,而且也不会再作为排名的因素.在,谷歌网站管理员工具的站长帮助中的元标记页面,也没有提及到keywords这个元标签. 不过,需要注意的是,description等标签还是有用的,description标签

  • flex 100 small knowledge 2010-02-27

    http://www.javaeye.com/topic/311216 [ Change the scale of the output swf , Background color or frame rate ] In the "Navigator" window frames in your project right > Selected "Properties"> Selected "ActionScript Compiler"

  • HTML head 头标签 2015-03-09

    HTML head 头部分的标签.元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性.移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要.了解每个标签的意义,写出满足自己需求的 head 头标签,是本文的目的.本篇以一丝的文章为基础,进行扩展总结介绍常用的 head 中各个标签.元素的意义以及使用场景. DOCTYPE DOCTYPE(Document Type),该声明位于文档中最前面的位

  • dz Forum engine automatically generated interfaces _ / Register / Auto Reply / automatic extraction Keyword tags 2010-06-19

    Interface from the locomotive officials, to express gratitude. I modified the next, to support the automatic extraction of keywords tags, and the randomly generated user name. Php source code only, engine interface, please go to their own search engi

  • How to use HTML tags map 2011-05-12

    Estimate is difficult to practice here, did not test area. Code Description: [br] 1. Header text <h#> ..........</ h #> # = 1 ~ 6; h1 is the largest word, h6 is the smallest word [br] 2. Font change <font> .. ........</ font> [br]

  • Struts2 form tags Xiangjie 2010-08-02

    Struts2 form tags Xiangjie All labels can be divided into two forms: form label itself and the individual form element tag. Struts2 form element tags contain a lot of property. However, many properties entirely generic. General properties of the form

  • Summary of metadata tags in Flex 2010-10-27

    Flex metadata on the inside, the online copy to a description: Flex metadata tags - to tell the compiler how to compile Although most of the Flex developers have used the [Bindable] tag, but many people do not know the role of this tag does not even