2016-11-08 93 views
1

所以我們可以使用javascript來創建新的html元素,對吧?創建新的html標籤(元素)

但是,如果我寫的html代碼:

sea{width: 100px; height: 100px; background: blue; color: red;} 
<sea>This is sea tag</sea> 

它使字體顏色紅色和藍色的背景,但尺寸沒有工作... 這有可能只用JavaScript或沒有?

就像新的html5元素(頁眉,頁腳,章節...)有沒有可能的方式來創建我自己的元素名稱或不是?

+3

這裏:http://stackoverflow.com/questions/2802687/is-there-a-way-to-create-your-own-html-tag-in-html5 – Fusseldieb

+1

可能是'display:block ;' missing – C14L

+0

@ C14L謝謝哥們,那有道理。另外,爲了某些目的而使用自己的標籤是不好的?就像如果我不想使用輸入,並且我希望通過使用jQuery和ajax在輸入和工作人員旁邊可以編輯我的標記內容來存儲一些信息... – BestBudds

回答

1

sea{width: 100px; height: 100px; background: blue; color: red; display:block;}
<sea>This is sea tag</sea>

我認爲它可以幫助你。默認顯示塊不會自定義HTML標籤...

+1

「它增加了可訪問性」 - 它沒有。 – Quentin

+0

是@Quentin您是對的..即使我們可以隨時給內聯...抱歉,我已更正 – jafarbtech

1

所以我們可以使用javascript來創建新的html元素,對吧?

不可以。您可以創建新元素,並將它們放入HTML文檔中,但它們不是HTML。他們沒有任何語義。他們沒有任何默認樣式(包括屏幕閱讀器的音頻樣式)。不要這樣做。

它確實使字體顏色紅色和背景藍色,但尺寸不工作......這隻可能與JavaScript或不?

JavaScript是無關緊要的。如果您使用JS生成相同的無效DOM,您會遇到同樣的問題。瀏覽器錯誤恢復默認將無法識別的元素視爲display: inlineheightwidth不適用於要素爲display: inline,您必須爲要應用的heightwidth設置不同的值(例如display: block)。

+0

是的,我看到了。對於第一個問題,我只是以不好的方式提問。但是,對於你來說,使用我們自己的產品是一件好事,我讀到的東西就像是黑客什麼的。如果這不好,爲什麼這樣呢?謝謝 – BestBudds

+0

@BestBudds - 我把你的第一段提到我的答案。 – Quentin