html筆記

来源:http://www.cnblogs.com/vivaloki/archive/2016/06/07/5567728.html
-Advertisement-
Play Games

http-equiv 屬性為名稱/值對提供了名稱。並指示伺服器在發送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。 當伺服器向瀏覽器發送文檔時，會先發送許多名稱/值對。雖然有些伺服器會發送許多這種名稱/值對，但是所有伺服器都至少要發送一個：content-type:text/ ...


http-equiv 屬性為名稱/值對提供了名稱。並指示伺服器在發送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。

當伺服器向瀏覽器發送文檔時，會先發送許多名稱/值對。雖然有些伺服器會發送許多這種名稱/值對，但是所有伺服器都至少要發送一個：content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。

使用帶有 http-equiv 屬性的 <meta> 標簽時，伺服器將把名稱/值對添加到發送給瀏覽器的內容頭部   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,[email protected]"＞     特殊字元 < :&lt; >:&gt; 空格：&nbsp;     <head>有： 1<title></title>網頁標簽名稱 2<meta http-equiv=“content-type” content=“text/html;charset=utf-8”/> <meta name=“keywords” content=“html,css”/> 3<style type=“text/css”>p{}</style> 4<script type=“javascript”></script> 5<link rel=“stylesheet” type=“text/css” href=“XXX.css”/> 告訴程式：哥要準備寫css了！ Rel是relationship的英文縮寫，它描述了當前頁面與href所指定文檔的關係； stylesheet就是樣式表的意思；CSS是 Cascading Style Sheet（級聯樣式表）的縮寫   html head body      header      nav      section也可以在aside下麵      article      aside      footer   屬性與屬性空格 屬性值之間分號   標記，元素，屬性，屬性值 XHTML嚴謹，HTML5相容性   HTML 5<!DOCTYPE HTML> b,i,u,s,sub,sup 塊分區<div style=“color:blue;">p /div 行內分區<span style=“"> <p align=“"> <body text=“red” bgcolor=“”> <!——--> <hr align width=“50%” color size=“3”/> <img src width height> <a href=“X.zip/mailto:X@X/頂部的空鏈接#/javascript:XX/X.asp" target=“_blank或_self" 錨點 1.定義錨點 <a name=“anchorname1”>文本1</a> 2.連接到錨點 <a href=“#anchorname1>文本2</a>   <table width/height/align表格邊框粗細/border=“1” 內邊距cellpadding＝”” /外邊距即單元格之間的距離cellspacing＝“” /bgcolor> <tr align=“left/right/center” valign=“top/middle/bottom”> <td align align width height 跨列colspan 跨行rowspan> 表格標題<caption>只1個且緊跟<table>,預設居中 表頭<thead> 表主體<tbody> 表尾t<tfoot> <table> <caption> <th>      <tr>      <td rowspan/colspan=“"> <tbody>      <tr>      <td rowspan/colspan=“"> <thead/tfoot>      <tr>      <td rowspan/colspan=“">   列表 <ol type=“列表類型1/a/A/i/I” start=“起始編號3”> <ul type=“disc預設的實心圓/circle空心圓/square實心矩形> dl列表      dt術語      dd術語的具體定義           表單 <form action method enctype name=“">      <input type value name disable/>      <input type=“text/password” 名稱name=“” 訪問者自由輸入的仁義文本value=“” maxlength=“” readonly/>文本框與密碼框      <input type=“radio/checkbox” 設置名稱，並用於分組，一組單選框或覆選框的名稱必須相同name=“” 文本，當提交form時，如果選中了此單選按鈕，那麼value就被髮送到伺服器value=“” checked/>單選框和覆選框      <input type="submit/reset/button” name=“” value=“按鈕上顯示的文本/>按鈕      <input type=“hidden” name=“” value=“”/>隱藏域 這種類型的輸入元素實際上是隱藏的。這個不可見的表單元素的 value 屬性保存了一個要提交給 Web 伺服器的任意字元串。如果想要提交並非用戶直接輸入的數據的話，就是用這種類型的元素。      <input type=“file” name=“”/>文件選擇框   <input type=“checkbox” name=“A” id=“A”/> <label for=“A”>文字</label> 點擊文字等於點擊checkbox   選項框 <form action method enctype name=“"> <select name=“”選項框命名 size=“”大於1，則為滾動列表；顯示幾個 multiple=''>      <option value selected>選項文字</option>   <form action method enctype name=“"> <textarea name rows cols></textarea>多行文本輸入框   為控制項分組 <form action method enctype name=‘'> <fieldset>為控制項分組      <legend>被包圍的標題</legend>      地址：<input type=“text”/>      <br/>      郵編：<input type=“text”/> </fieldset>             浮動框架：頁中頁 <iframe src=“” height weight></iframe>   <mark>需要高粱的文本</mark> <time datetime=“2011-7-11T0:30>凌晨0點30分</time>   摘要和細節 <details>      <summary>標題</summary>      <div>      發票抬頭:<input type=“text”><br/>      發票內容:<input type=“text”>      </div> </details>   度量 設備1: <meter value="10" min="0" max="100" title="50"></meter>%
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Python（六）面向對象
    本章內容： 創建類和對象 面向對象三大特性（封裝、繼承、多態） 類的成員（欄位、方法、屬性） 類成員的修飾符（公有、私有） 類的特殊成員 面向對象編程是一種編程方式，此編程方式的落地需要使用 “類” 和 “對象” 來實現，所以，面向對象編程其實就是對 “類” 和 “對象” 的使用。 類就是一個模板， ...
  • Swift 學習資料彙總
    1、PDF下載 蘋果Swift編程語言入門教程【完整中文版】http://www.code4app.com/thread-7878-1-1.htmlThe Swift Programming Language中文完整版 http://www.code4app.com/thread-7966-1-2. ...
  • springmvc IDEA
    回顧Java平臺上Web開發歷程來看，從Servlet出現開始，到JSP繁盛一時，然後是Servlet+JSP時代，最後演化為現在Web開發框架盛行的時代。一般接觸到一個新的Web框架，都會想問這個框架優勢在哪？或者比其他框架好在哪裡？如果沒有使用Spring MVC框架，而是使用其他框架並且能夠很 ...
  • [javaSE] IO流（管道流）
    之前我們使用io流，都是需要一個中間數組，管道流可以直接輸入流對接輸出流，一般和多線程配合使用，當讀取流中沒數據時會阻塞當前的線程，對其他線程沒有影響 定義一個類Read實現Runable介面，實現run()方法，構造方法傳遞PipedInputStream對象 讀取流裡面的數據 定義一個類Writ ...
  • java springmvc mybatis mysql
    僅供參考 java springMvc mybatis mylsq 項目搭建 1.開發環境： window 64、jdk 1.7.0_51、eclipse、tomcat 7 2.jdk安裝與環境變數配置 http://jingyan.baidu.com/article/6dad5075d1dc40a ...
  • java的if else語句入門
    條件語句，是程式中根據條件是否成立進行選擇執行的一類語句，這類語句在實際使用中，難點在於如何準確的抽象條件。例如實現程式登錄功能時，如果用戶名和密碼正確，則進入系統，否則彈出“密碼錯誤”這樣的提示框等。 本部分對於條件語句的介紹，重點在於語法講解和基本的使用，更詳細的使用參看後續的綜合示例部分。 在 ...
  • 淺談我對DDD領域驅動設計的理解
    從遇到問題開始 當人們要做一個軟體系統時，一般總是因為遇到了什麼問題，然後希望通過一個軟體系統來解決。 比如，我是一家企業，然後我覺得我現線上下銷售自己的產品還不夠，我希望能夠線上上也能銷售自己的產品。所以，自然而然就想到要做一個普通電商系統，用於實現線上銷售自己企業產品的目的。 再比如，我是一家互 ...
  • [Effective JavaScript 筆記]第28條：不要信賴函數對象的toString方法
    js函數有一個非凡的特性，即將其源代碼重現為字元串的能力。 反射獲取函數源代碼的功能很強大，使用函數對象的toString方法有嚴重的局限性。toString方法的局限性ECMAScript標準對函數對象的toString方法的返回結果（即該字元串）並沒有任何要求。這意味著不同的js引擎將產生不同的 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類