當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

HTMLCSS设计与构建网站笔记HTML

發布時間：2025/3/20 HTML 33 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTMLCSS设计与构建网站笔记HTML 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1.<p>中的特殊符號

????當瀏覽器遇到2個或更多的空格（回車）會顯示成一個空格。

 ? 空格

&?? &

<?????? <

>????? >

"?? "

&qpos;?? '

<br /> 回車

2.語義標記

<em> 重點文字

<blockquote> ?縮進，表明引用

3.<a>

target='_blank'

href='mailto:sldjfd@163.com'

href='#id' 返回到當前頁面指定id的元素位置

href='http://sdfsdf/#id'?返回到sdfsdf頁面指定id的元素位置

4.<figure>

? <figcaption>

大家在寫xhtml、html中常常用到一種圖片列表，圖片+標題或者圖片+標題+簡單描述。以前的常規寫法：

<li>
<img src="" /><p>title</P>
</li>

而在html5中有了新標簽更能語義化的定義出這中圖片列表，那就是figure標簽。

w3c賦予的定義：figure標簽規定獨立的流內容（圖像、圖表、照片、代碼等等）。figure 元素的內容應該與主內容相關，但如果被刪除，則不應對文檔流產生影響。

實例代碼：

<figure>
<p>黃浦江上的的盧浦大橋</p>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>

figure用來代替原來li標簽，P標簽誰來取代呢？答案就是：figcaption

w3c賦予的定義：figcaption?標簽定義 figure 元素的標題（caption）。"figcaption" 元素應該被置于 "figure" 元素的第一個或最后一個子元素的位置。

那么上面的代碼就變成了：

<figure>
<figcaption>黃浦江上的的盧浦大橋</figcaption>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>

5.<label>

<form>??<label?for="male">Male</label><input?type="radio"?name="sex"?id="male"?/><br?/>??<label?for="female">Female</label><input?type="radio"?name="sex"?id="female"?/> </form>

<label> 標簽為 input 元素定義標注（標記）。

label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。

<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。

6.SWFObject

<form>??<label?for="male">Male</label><input?type="radio"?name="sex"?id="male"?/><br?/>??<label?for="female">Female</label><input?type="radio"?name="sex"?id="female"?/> </form>

<label> 標簽為 input 元素定義標注（標記）。

<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。

使用

?SWFObject library?

播放flash

<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Strict//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html?xmlns="http://www.w3.org/1999/xhtml"?lang="en"?xml:lang="en"><head><title>SWFObject?-?step?3</title><meta?http-equiv="Content-Type"?content="text/html;?charset=iso-8859-1"?/><script?type="text/javascript"?src="swfobject.js"></script><script?type="text/javascript">swfobject.registerObject("myId",?"9.0.115",?"expressInstall.swf");</script></head><body><div><object?id="myId"?classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"?width="780"?height="420"><param?name="movie"?value="C:\Users\Administrator\Desktop\1.swf"?/><object?type="application/x-shockwave-flash"?data="C:\Users\Administrator\Desktop\1.swf"?width="780"?height="420"><p>Alternative?content</p></object></object></div></body> </html>

classid?(outer?object?element only, value is always?clsid:D27CDB6E-AE6D-11cf-96B8-444553540000)
type?(inner?object?element only, value is always?application/x-shockwave-flash)
data?(inner?object?element only, defines the URL of a SWF)
width?(both?object?elements, defines the width of a SWF)
height?(both?object?elements, defines the height of a SWF)

The first argument (String, required) specifies the?id?used in the markup.

The second argument (String, required) specifies the Flash player version your content is published for. It activates the Flash version detection for a SWF to determine whether to show Flash content or force alternative content by doing a DOM manipulation. While Flash version numbers normally consist of major.minor.release.build, SWFObject only looks at the first 3 numbers, so both "WIN 9,0,18,0" (IE) or "Shockwave Flash 9?r18" (all other browsers) will translate to "9.0.18". If you only want to test for a major version you can omit the minor and release numbers, like "9" instead of "9.0.0".

The third argument (String, optional) can be used to activate?Adobe express install?and specifies the URL of your express install SWF file. Express install displays a standardized Flash plugin download dialog instead of your Flash content when the required plugin version is not available. A default expressInstall.swf file is packaged with the project. It also contains the corresponding expressInstall.fla and AS files (in the SRC directory) to let you create your own custom express install experience. Please note that express install will only fire once (the first time that it is invoked), that it is only supported by Flash Player 6.0.65 or higher on Win or Mac platforms, and that it requires a minimal SWF size of 310x137px.

The fourth argument (JavaScript function, optional) can be used to define a callback function that is called on both success or failure of creating a Flash plug-in?<object>?on the page (see?API documentation)

https://code.google.com/p/swfobject/wiki/documentation

使用

?SWFObject 自動加載

播放flash

swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes, callbackFn)has five required and five optional arguments:

swfUrl (String, required) specifies the URL of your SWF

id (String, required) specifies the?id?of the HTML element (containing your alternative content) you would like to have replaced by your Flash content

width (String, required) specifies the width of your SWF

height (String, required) specifies the height of your SWF

version (String, required) specifies the Flash player version your SWF is published for (format is: "major.minor.release" or "major")

轉載于:https://blog.51cto.com/bysowhat/1600023

總結

以上是生活随笔為你收集整理的HTMLCSS设计与构建网站笔记HTML的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：升级 ServeRADI-8i控制器，使
下一篇：【百度地图API1.1】修改文本标注的样

HTML

HTMLCSS设计与构建网站 笔记HTML

?SWFObject library?

?SWFObject 自動加載

總結

HTMLCSS设计与构建网站笔记HTML