Формы ў CSS або HTML

Я задавалася пытаннем, чаму няма адмысловых тэгаў формы ў HTML або CSS стылі, каб зрабіць формы, як трыкутнікі, колы або шматкутнікі і г.д. Я не разумею, чаму-то такога характару не быў рэалізаваны. Ці з'яўляецца гэта, што яны не думалі пра гэта? які я сапраўды сумняваюся, ці яны знарок адмовіліся зрабіць яго даступным?.

0
дададзена аўтар Cristy, крыніца

7 адказы

Гэта, галоўным чынам таму, што канцэпцыя скрынкі мадэль патрабуе, што блокавыя элементы маюць прастакутную форму. Прычына гэтага заключаецца ў тым, каб забяспечыць прадказальнае паводзіны ў дачыненні да таго, як гэтыя элементы ўзаемадзейнічаюць адзін з адным, калі, скажам, складзеныя на вяршыні або плавалі побач адзін з адным.

(Sidenote :. Гэта падыходзіць ранняе Інтэрнэт выдатна, таму што сайты былі заснаваныя на вертыкальнасць і мала на шляху візуальна пэўных кантэйнераў - гэта адзін блок тэксту пасля таго, як іншы, магчыма, зламаная карціны штабелирования рэчы гарызантальна на самай справе не прыйшоў у яе не пазней.)

Як @ спасылка Cristy у каментарах паказвае, ёсць прыёмы для стварэння больш складаных формаў. Кругі і авалы, напрыклад, могуць быць дасягнутыя з дапамогай творчага выкарыстання межы радыусу . Іншыя формы залежаць ад скажэнні праз пераўтварэнні <�код /> ўласцівасці.

Аднак важна памятаць, што такія змадэляваныя формы, тым не менш лічыцца браўзэрам мець абмежавальную BOX. Гэта падаплёка прынцып, які будзе вызначаць, наколькі блізка адзін элемент да іншага, і як іх краю сустракаюцца.

2
дададзена

Ні HTML, ні CSS малююць праграмы. У той час як такія аб'екты могуць быць створаны, яны заблытаныя пісакі, па меншай меры, да некаторай ступені.

2
дададзена

Html5

     

можа быць выкарыстана для малявання фігур.

1
дададзена
Існуе значэнне ў ОП, якая рэалізуе гэты палатно забяспечвае магчымасць больш складаных формаў на вэб-старонцы. Аднак гэтыя формы, вядома, не HTML элементаў, растравыя малюнкі, якія untargetable (як элементы) і існуе толькі ў глядзельнай памяці калісьці імкнуцца да палатна.
дададзена аўтар Utkanos, крыніца
На самай справе, гэта Javascript, што робіць малюнак. палатно толькі, эм, палатно.
дададзена аўтар Rob, крыніца

It is because HTML is only meant to give semantic meaning for your text. While browsers do give some default styling to most elements, that is merely a suggestion and default styling can vary from browser to browser. So as far as HTML goes, if they would try to implement a <triangle> tag it would go absolutely against all best practices. And they did have tags that defined style at the beginning of WEB (, etc etc..). But it has proven to be a nightmare to maintain. Therefore the styling element of WEB was delegated to CSS.

Цяпер, наколькі ідзе CSS, яна прайшла доўгі шлях з пачатку. Такім чынам, у той час як не існуе простага спосабу зрабіць гэта, але большасць рэчаў вы згадваеце можа быць дасягнута з дапамогай CSS .. такія рэчы, як кругі на самай справе даволі лёгка. Калі справа даходзіць да трыкутнікаў гэта крыху больш складана. Але ў гэтыя дні Prity шмат ўсё, што можа быць зроблена з трохі CSS і JavaScript магіі. Існуе мноства бібліятэк Javascript, якія спецыялізуюцца на чарцёжных/ажыўляе рэчах.

0
дададзена

Гэта не мэта HTML, якая з'яўляецца для разметкі дакументаў. Яны вынайшлі такія рэчы, як SVG, каб зрабіць гэта, і пашыраюцца мовы разметкі, такія як XHTML, якія вы можаце слот іх прама ў модульным спосабам.

0
дададзена

HTML 5 and CSS3 can achieve this, to see all possible shapes that can be created, a cheat sheet has been made at http://www.land-of-web.com/freebies/css3-simple-shapes-cheat-sheet.html

EDIT: Utkanos правоў, вы можаце ствараць формы, выкарыстоўваючы спасылку я зрабіў, але мець на ўвазе Div кантэйнераў будзе выводзіць у выглядзе блокаў.

0
дададзена

Як ужо згадвалася вышэй HTML і CSS не ўключаюць якіх-небудзь сур'ёзных функцыянальных магчымасцяў формы. Бліжэй за ўсё без выкарыстання скрыпту, напрыклад JavaScript, і Canvas будзе SVG, які на самай справе проста вектарная графіка напісана ў XML.

Дадатковыя звесткі аб SVG:

  1. http://www.w3schools.com/svg/svg_inhtml.asp
  2. http://www.w3.org/TR/SVG/
0
дададзена