XHTML標籤 —— div
1.div 是 XHTML 中指定的、專門用於佈局設計的容器物件。
2.div標籤只是一個標識,作用是把內容標識成一塊區域,並不負責其他事情。
3.div是一個block物件(塊物件/塊級元素)。塊狀div說明,它在頁面中用於大面積、大區域的塊狀排版。
4.div本身與樣式沒有任何關係。樣式需要CSS來實現,應當說div物件從本質上實現了與樣式分離。
5.div可以分層進行巢狀使用,巢狀的目的是為了實現為複雜的頁面排版。(在適當的情況下,應當儘可能地少用巢狀,以保證瀏覽器不會過分)消耗資源對巢狀關係進行解析)
6.選用符合需求的其他XHTML標籤,合理地替代div。
附:
XHTML 中的所有物件,幾乎都預設為兩種物件型別:
block塊級物件:是指當前物件顯示為一個方塊。預設顯示狀態下,它將佔據整行,其他的物件只能在下一行顯示。
in-line行間物件(內聯元素):與block物件相反,它允許下一個物件與之共享一行進行顯示。
相關推薦
XHTML標籤 —— div
1.div 是 XHTML 中指定的、專門用於佈局設計的容器物件。 2.div標籤只是一個標識,作用是把內容標識成一塊區域,並不負責其他事情。 3.div是一個block物件(塊物件/塊級元素)。塊狀div說明,它在頁面中用於大面積、大區域的塊狀排版。 4.div本身與樣式沒
如何普通的div標籤可以編輯------HTML 5 全域性 contenteditable 屬性
一般的只有input和textarea才能夠輸入文字,那麼對於div,p標籤來說,如何能夠輸入文字呢,html5提供了一個contenteditable 屬性 <p contenteditable="true">這是一段可編輯的段落。請試著編輯該文字。</p>
讓HTML標籤、DIV、SPAN擁有focus事件和blur事件,聚焦和失焦
DIV和其他普通標籤是不具有onfocus和onblur事件的。INPUT和A標籤為什麼擁有?而DIV和SPAN等普通標籤卻沒有?有時候我們習慣性用鍵盤的TAB來移動游標,仔細看你會發現,游標只在INPUT和A上跳轉。因為INPUT和A標籤具備TAB屬性。我們只需要給DIV或者SPAN等普通標籤建立TAB,這
html中div標籤怎麼用?
div現在一般網頁的佈局都是使用的div+css來佈局,div的話,就是通過。 <div> <div><p></p></div> </div> div的巢狀使用來完成整個網頁的佈局,你可以將div理解成一個一個的塊,然後在div塊
jq 點選複製div裡面的內容 如果貼上到富文字中,會將樣式,裡面所有的標籤,文字一併貼上進去
<!doctype html> <html> <head> <meta charset="utf-8"> <title>點選複製功能</title> </head> <script src="http://code
dedecms織夢預設的段落是用div標籤,將自動段落標籤改為p的函式
dedecms織夢預設的段落是用div標籤,將自動段落標籤改為p的函式。小編在開發好品牌網站的時候遇到這個問題。然後記錄下修改過程。 修改檔案 /dede/inc/inc_archives_functions.php (修改前先備份,免得出錯`) 查詢 function&nb
div或者p標籤單行和多行超出顯示省略號
單行文字溢位顯示省略號 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 多行文字顯示省略號 display: -webkit-box; -webkit-box-orient:&nb
css3 display:flex;(flex佈局)+img標籤在div中水平垂直居中
img標籤在div中水平垂直居中--兩種實現方式 第一種方式: text-align:center; vertical-align:middle; div{ text-align: center; vertic
區域聯動自定義div實現select標籤的選擇效果
因專案對區域的樣式有要求,而select標籤的option不能自定義,故通過div實現select標籤的選擇效果。 說明如下: 1.實現點選文字框和⌵區域框出現,點選其他地方區域框關閉,通過在該頁面的最大級div(非body)上增加點選事件實現:ng-click="areaHide($eve
div和內部的a標籤都有click事件,點選a不觸發div的click事件
<div> <a></a> </div> $("a").click(function(){ event.stopPropagation(); }) 詳情見: https://blog.csdn.net/u0
PHP+MySQL開發小專案的集合筆記(四)控制div的排列和p標籤,從另外表讀取加工資料並規定小數點位數
需求:HTML頁面增加註釋,div盒子控制曲線大小,多個盒子相互巢狀。具體資料從另外表內獲取。 HTML頁面更改: <!-- Morris chart - Sales --> <!-- Change! -->
Js/如何操作div下面的span元素或者是img之類的標籤元素
$("div[name='MatTypeName']").click(function (e) { $("div[name='MatTypeName']").each(function (i, o) { $(o).removeClass("ClassMatTypeClick");
jquery例項:讓DIV移動到指定的位置標籤後面
一個jquery裡的簡單例項,操作DIV移動到指定標籤的後面: 假設網頁中有以下幾個DIV: <div id="1">1</div> <div id="2">2</div> <div id="3">3</div>
01_關於幽靈空白節點檢測時:div內span標籤為什麼要設定一個inline-block的解釋
幽靈空白節點存在於行框盒子的前面(必要條件 :需要h5的文件宣告)(表現形式:沒有寬度,永遠透明,不能通過指令碼獲取) 因為有現成的提問和回答,所以將截圖摘於此。 提問: 回答: 最後,感謝兩位前輩提供的精確回答。 附w3c規範: Line boxes
關於導航欄的li標籤不在父級div下同行顯示
試著寫一個簡單的導航欄,給li標籤設定了浮動,雖然li標籤同行了,但是發現li標籤不在div內(指如果高度不夠長,我div高度是40px),試了好多,原來是忘了清楚浮動,上程式碼!! 我的是HTML5,至於其他的還沒嘗試過 <!DOCTYPE html&g
css3 display:flex;(flex佈局)+img標籤在div中水平垂直居中
第一種方式: text-align:center; vertical-align:middle; div{ text-align: center; vertical-align:middle;w
Java Web之html講解(1)一些基礎標籤html,head,body,meta,title,script,div,ul,ol,li,a的用法和class,href,charset,src簡講
一:<!DOCTYPE html>,<html>,<head>,<body>,<meta>,<title>,<script>,<div>,<ul>,<
//div/a/@target 獲取所有div下a標籤的 target的值
# !/usr/bin/env python # -*- coding: utf-8 -*- import urllib2 import urllib import cookielib import json import httplib import re import r
HTML自學筆記_新增div標籤 (容器、區塊)
<div> 標籤的加入,將所有內容元素歸併到一個區塊中,使頁面結構性更強 為了後續進一步控制這個區塊的顯示,可以賦予這個 div 一個名字,以直接對應這個區塊 <div id=“container”> <!DOCTYPE html>
Html5的video標籤自動填充滿父div的大小
https://blog.csdn.net/wuqingyou_w/article/details/51671356 想要video能自動填充慢父div的大小,只要給video標籤加上style="width= 100%; height=100%; object-fit: fill"即可。