এইচটিএমএল এর লুকানো বৈশিষ্ট্য


110

এইচটিএমএল সর্বাধিক ব্যবহৃত ভাষা হওয়ায় (কমপক্ষে একটি মার্কআপ ভাষা হিসাবে) এর যথাযথ ক্রেডিট অর্জন করতে পারেনি।
এটি এত বছর ধরে চলেছে তা বিবেচনা করে, ফর্ম / ইনপুট নিয়ন্ত্রণের মতো জিনিসগুলি এখনও কোনও নতুন নিয়ন্ত্রণ যুক্ত না করে এখনও একই রয়ে গেছে।

সুতরাং অন্তত বিদ্যমান বৈশিষ্ট্যগুলি থেকে, আপনি এমন কোনও বৈশিষ্ট্য জানেন যা সুপরিচিত নয় তবে খুব দরকারী।

অবশ্যই, এই প্রশ্নটি এর লাইন বরাবর রয়েছে:

জাভাস্ক্রিপ্ট গোপন বৈশিষ্ট্য
লুকানো এর CSS এর বৈশিষ্ট্য
C # এর গোপন বৈশিষ্ট্য
VB.NET বৈশিষ্ট্য লুকানো
লুকানো জাভার বৈশিষ্ট্য
লুকানো সর্বোত্তম এএসপি বৈশিষ্ট্য
লুকানো ASP.NET বৈশিষ্ট্য
লুকানো পাইথন বৈশিষ্ট্য
লুকানো TextPad বৈশিষ্ট্য
লুকানো অন্ধকার বৈশিষ্ট্য

এইচটিএমএল 5.0 এর বৈশিষ্ট্যগুলি উল্লেখ করবেন না, যেহেতু এটি খসড়া কার্যক্রমে রয়েছে

দয়া করে প্রতিটি উত্তরের জন্য একটি বৈশিষ্ট্য নির্দিষ্ট করুন

উত্তর:


244

একটি প্রোটোকল-স্বাধীন পরম পাথ ব্যবহার:

<img src="//domain.com/img/logo.png"/>

ব্রাউজারটি যদি এইচটিটিপিএসের মাধ্যমে এসএসএলে কোনও পৃষ্ঠা দেখছে, তবে এটি https প্রোটোকলের সাহায্যে সেই সম্পত্তির জন্য অনুরোধ করবে, অন্যথায় এটি এইচটিটিপি দিয়ে অনুরোধ করবে।

আপনার সমস্ত সম্পত্তির অনুরোধগুলি একই প্রোটোকলের মধ্যে রেখে, এই আইআই-তে এই "ভয়ঙ্কর" এই পৃষ্ঠাতে সুরক্ষিত এবং অ-সুরক্ষিত আইটেম উভয়ই রয়েছে "ত্রুটি বার্তাটি প্রতিরোধ করে।

ক্যাভিয়েট: স্টাইলশিটের জন্য <লিঙ্ক> বা @ ইমপোর্টে ব্যবহার করার সময়, আই 7 এবং আই 8 ফাইলটি দুবার ডাউনলোড করুন । অন্যান্য সমস্ত ব্যবহার, ঠিক আছে।


29
এটি কোনও HTML বৈশিষ্ট্য নয় তবে একটি ইউআরএল / ইউআরআই বৈশিষ্ট্য।
গম্বো

44
@ গম্বো: সত্য, এটি একটি ইউআরআই বৈশিষ্ট্য, তবে আমি অনুভব করেছি যে নিয়মগুলি বাঁকানো এবং এখানে অন্তর্ভুক্ত করার পক্ষে এটি যথেষ্ট ভাল। এবং আমি ইউআরআই স্পেসের কোনও লুকানো বৈশিষ্ট্য শীঘ্রই আশা করি না expect :)
পল আইরিশ

2
একটি স্ল্যাশ ডোমেন অংশ থেকে আপেক্ষিক, প্রোটোকল অংশ থেকে নয়
SztupY

2
আইই এত অবিশ্বাস্যরকম ডুম্ব! কেন চ *** হেল্প ফাইলটি দু'বার ডিএল করে?

5
এর মধ্যে একটি বড় ত্রুটি রয়েছে: যখন কোনও ফাইল ডিস্কে সংরক্ষণ করা হয় এবং file:প্রোটোকল ব্যবহার করে অ্যাক্সেস করা হয় , ব্রাউজারটি সংস্থানটি আবিষ্কার করতে সক্ষম হবে না (যেমন, সিডিএন বা অন্য কোনও বাহ্যিক সার্ভারের)।
মার্সেল করপেল

138

লেবেল ট্যাগটি যুক্তিযুক্তভাবে "জন্য" বৈশিষ্ট্যটি ব্যবহার করে ফর্ম উপাদানটির সাথে লেবেলটিকে যুক্ত করে। বেশিরভাগ ব্রাউজারগুলি এটিকে এমন লিঙ্কে পরিণত করে যা সম্পর্কিত ফর্ম উপাদানকে সক্রিয় করে।

<label for="fiscalYear">Fiscal Year</label>
<input name="fiscalYear" type="text" id="fiscalYear"/>

24
হ্যাঁ, কতগুলি সাইট সক্রিয়ভাবে এটি ব্যবহার করে তা আশ্চর্যজনক। এটি করার জন্য আমি জেএস ব্যবহার করে সাইটগুলি দেখেছি ...
বোরিস কলেনস

2
এটি সম্প্রতি আবিষ্কার করেছেন।
অরনিস ল্যাপসা

4
ক্যাগডাস, এইচটিএমএলটিতে সত্যই লুকানো বৈশিষ্ট্য নেই, এটি একটি নির্দিষ্ট মান।
চোখের পলকহীনতা

54
উত্তরের প্রসারিত করতে, একটি লেবেলের সাথে একটি ইনপুটও लपेटতে পারে এবং বৈশিষ্ট্যটির জন্য বাদ দিতে পারে: <লেবেল> অর্থবছর <ইনপুট নাম = "আর্থিক বছর" টাইপ = "পাঠ্য" /> << লেবেল
পলকহীনতা

32
চেকবক্স এবং রেডিও বোতামগুলি ব্যবহার না করে এটি অপরাধ হওয়া উচিত।
কর্নেল

136

ContentEditable জন্য সম্পত্তি (অর্থাত, ফায়ারফক্স, এবং সাফারি)

<table>
    <tr>
      <td><div contenteditable="true">This text can be edited<div></td>
      <td><div contenteditable="true">This text can be edited<div></td>
    </tr>
</table>

এটি কোষগুলি সম্পাদনযোগ্য করে তুলবে! আপনি যদি বিশ্বাস না করেন তবে এগিয়ে যান, চেষ্টা করুন


7
প্রশ্নটি এমন বৈশিষ্ট্যগুলির জন্য কল করে যা এইচটিএমএল
কোয়ান্টিন

15
ডেভিড ডারওয়ার্ড, এটি HTML5 এর সাথে প্রবর্তন করা একেবারেই ন্যায়সঙ্গত নয়, কারণ বিষয়বস্তুটি এমএস দ্বারা আই 5.5 তে প্রবর্তিত হয়েছিল, তবে হ্যাঁ এটি এইচটিএমএল 5 পর্যন্ত মানসম্মত হয়নি; টাইসন এবং স্টিভ, কন্টেন্টএডেবলটি সাফারিতে ২.০ সংস্করণে প্রবর্তিত হয়েছিল, তবে অনেকগুলি গুরুত্বপূর্ণ ফর্ম্যাটিং পদ্ধতি 3.x অবধি যোগ করা হয়নি; ভিক্টর এইচ ভ্যালি, আপনার ডক্টাইপের উপর নির্ভর করে। এইচটিএমএল 4 ধসে পড়লে এটিকে = "সত্য" এ প্রসারিত করা উচিত।
পলকহীনতা

2
এটির লিঙ্কটি চেষ্টা করার ফলে একটি উপযুক্ত উদাহরণ হতে পারে না
গর্ডন গুস্তাফসন

4
@ বিনোজ - একেবারে না। "সন্তোষজনক বৈশিষ্ট্য হ'ল একটি গণনাযুক্ত বৈশিষ্ট্য যার মূলশব্দটি
কোয়ান্টিন

2
আরও ভাল, আপনি যে কোনও ওয়েব পৃষ্ঠা সম্পাদনা করতে বুকমার্কলেট হিসাবে নিম্নলিখিতটি যুক্ত করুন: জাভাস্ক্রিপ্ট: ডকুমেন্ট.body.contentEdable = 'সত্য'; ডকুমেন্ট.ডিজাইনমোড = 'অন'; অকার্যকর (0);
Amro

102

আমি মনে করি অপ্টগ্রুপ ট্যাগটি এমন একটি বৈশিষ্ট্য যা লোকেরা প্রায়শই ব্যবহার করে না। আমি যাদের সাথে কথা বলি তাদের বেশিরভাগ লোকই বুঝতে পারে না যে এটি বিদ্যমান।

উদাহরণ:

<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

দুর্ভাগ্যক্রমে, মেনু শ্রেণিবিন্যাসের ব্রাউজার বাস্তবায়ন কাঙ্ক্ষিত হওয়ার জন্য অনেক কিছু ফেলে দেয়। আমার সন্দেহ হয় অপ্টগ্রুপ খুব বেশি ব্যবহার করতে পারে না কারণ এর প্রাসঙ্গিক ব্যবহারের ঘটনাগুলি খুব কম এবং এর মধ্যে বেশ কয়েকটি।
চোখের পলকহীনতা

1
সমস্ত ব্রাউজারে একটি স্তর সমর্থন করা উচিত। ফোরামের তালিকাটি মূল পৃষ্ঠায় ব্যবহৃত অংশগুলিকে একই বিভাগে বিভক্ত করতে কিছু স্ক্রিনে এটি ব্যবহার করে এমন একটি ওয়েব-ফোরাম আমি এর বাইরে।
স্ট্যাটিক্সান

@staticsan। আমি সম্মত হ'ল এটি বেশ কয়েকটি আইটেমের ছোট শ্রেণীবদ্ধকরণের জন্য দরকারী।
রিচার্ডড

5
@ আইলিডলেসনেস: আমি ড্রপ-ডাউনগুলি সর্বদা দেখি যা উপাদানগুলি ইনডেন্ট করে দেয় বা কোনও ধরণের 'শিরোনাম' পাঠ্য ব্যবহার করে ---category---
অসন্তুষ্ট গোয়াট

4
এটি একটি ঝরঝরে বৈশিষ্ট্য যা সম্পর্কে আমি জানতাম না!
ক্রিসব

100

আমার প্রিয় বিটটি বেস ট্যাগ, যা আপনি যদি রাউটিং বা ইউআরএল পুনর্লিখন ব্যবহার করতে চান তবে জীবন রক্ষাকারী ...

ধরা যাক আপনি এখানে অবস্থিত:

www.anypage.com/folder/subfolder/

নিম্নলিখিত এই পৃষ্ঠা থেকে লিঙ্কগুলির জন্য কোড এবং ফলাফল রয়েছে।

নিয়মিত অ্যাঙ্কর:

<a href="test.html">Click here</a>

দিকে

www.anypage.com/folder/subfolder/test.html

এখন আপনি বেস ট্যাগ যোগ করুন

<base href="http://www.anypage.com/" />
<a href="test.html">Click here</a>

অ্যাঙ্কর এখন বাড়ে:

www.anypage.com/test.html

48
আপনি একটি শীর্ষস্থানীয় স্ল্যাশ সহ কেবল /images/image.png ব্যবহার করতে পারেন। :-)
মল্ফ

46
বেস ট্যাগটি একটি পারমাণবিক বিকল্প - এটি # সংজ্ঞার সমতুল্য: আপনি যদি এটি অনুসরণ না করেন, ভবিষ্যতের বিকাশকারীদের কাছে এটি সত্যই পরিষ্কার করে দিন এবং এটি সাইট আর্কিটেকচারের সত্যই নিম্ন স্তরের অংশ হিসাবে তৈরি করুন যা হতাশার দিকে নিয়ে যেতে পারে অ-সুস্পষ্ট বাগ আমার কখনই এর দরকার নেই , সাবধানতার সাথে ব্যবহার করুন।
অন্নকাটা

2
হ্যাঁ, পৃষ্ঠাটিতে সিএসএস ফাইলগুলি গতিশীলভাবে লোড করার চেষ্টা করার সময় আমি বেস ট্যাগটি আমার জাভাস্ক্রিপ্টের সাথে হস্তক্ষেপও দেখেছি। এছাড়াও, আই 6 এর একটি বাগের জন্য আপনাকে স্পষ্টভাবে ট্যাগটি বন্ধ করতে হবে (</ b >>), যা অবৈধ। শর্তাধীন মন্তব্যগুলি এতে সহায়তা করতে পারে।
avdgaag

4
মনে রাখবেন যে বেস ইউআরএল কেবলমাত্র সম্পর্কিত ইউআরএল পাথগুলিতে নয় প্রতিটি প্রতিযোগিতামূলক URL এ প্রয়োগ করা হয়। সুতরাং রেফারেন্সটি #topমূল সূচক নথিতে "শীর্ষ" এবং একই নথিতে "শীর্ষে" সমাধান করা হবে।
গম্বো

17
আমি এই পরিস্থিতিতে খুব উত্সাহী খুঁজে পাই যেখানে আমাকে 'উত্স দেখতে' এবং এটিতে কাজ করার জন্য কোনও পৃষ্ঠার এইচটিএমএল ডাউনলোড করতে হবে। উত্সটি ডাউনলোড হয়ে গেলে আপনি যথাযথ href বৈশিষ্ট্য সহ একটি বেস উপাদান যুক্ত করতে পারেন। এইভাবে, আপনি কেবল উত্স এইচটিএমএল ডাউনলোড করার পরে স্থানীয়ভাবে কাজ করতে পারেন ... সমস্ত জাভাস্ক্রিপ্ট, সিএসএস এবং চিত্রগুলি ডাউনলোড করার দরকার নেই।
অ্যান্ডি ফোর্ড

99
<img onerror="{javascript}" />

onerror একটি জাভাস্ক্রিপ্ট ইভেন্ট যা সামান্য রেড ক্রস (আইই তে) চিত্র প্রদর্শিত হওয়ার ঠিক আগেই বরখাস্ত করা হবে।

আপনি এটি কোনও স্ক্রিপ্ট লিখতে ব্যবহার করতে পারেন যা ভাঙা চিত্রটি কিছু বৈধ বিকল্প সামগ্রী সহ প্রতিস্থাপন করবে, যাতে ব্যবহারকারীকে রেড ক্রস ইস্যুতে ডিল করতে না হয়।

প্রথম দর্শনে এটি সম্পূর্ণ অকেজো হিসাবে দেখা যেতে পারে, কারণ, চিত্রটি প্রথম স্থানে উপস্থিত থাকলে আপনি কি আগে জানতেন না? তবে, যদি আপনি বিবেচনা করেন তবে এই জিনিসটির জন্য উপযুক্ত বৈধ অ্যাপ্লিকেশন রয়েছে; উদাহরণস্বরূপ: ধরুন আপনি তৃতীয় পক্ষের সংস্থান থেকে এমন কোনও চিত্র পরিবেশন করছেন যা আপনি নিয়ন্ত্রণ করেন না। আমাদের গ্রাভাটারের মতো এখানে এসও ... এটি http://www.gravatar.com/ থেকে পরিবেশন করা হয়েছে , এমন একটি সংস্থান যা স্ট্যাকওভারফ্লো টিম একেবারেই নিয়ন্ত্রণ করে না - যদিও এটি নির্ভরযোগ্য। যদি http://www.gravatar.com/ নীচে যায়, স্ট্যাকওভারফ্লো ব্যবহার করে এটি কার্যকর হতে পারে onerror


আহা ... এটি যদি এটিই মনে করে তবে আমার যখন সত্যই এটির প্রয়োজন ছিল তখন আমার এটি জানা উচিত। : /
অ্যারিস লাপসা

স্পষ্ট করে বলতে গেলে, ওনারর একটি জাভাস্ক্রিপ্ট ইভেন্ট (ঠিক অনক্লিকের মতো) যা কোনও চিত্র লোড হতে ব্যর্থ হলে আপনাকে কিছু করতে দেয়।
জেহিয়াহ

1
ড্যানিয়েল সিলভিরা, আপনি কি স্পষ্ট করে বলবেন যে এটি আসলে ভাঙ্গা (যেমন 404) চিত্রের ক্ষেত্রে অনার কোড চালায়? নির্বিশেষে, এটি একটি ডিওএম বৈশিষ্ট্য, প্রতি সেচ কোনও HTML বৈশিষ্ট্য নয়।
চোখের পলকহীনতা

2
আমি একটি নাম্পটি ব্যবহার করেছিলাম, একটি অযৌক্তিক চিত্রটির প্রতি ইঙ্গিত করে, কাউকে পুনরুক্তি করি ???
ফারাবুস

96

<kbd>কীবোর্ড ইনপুট জন্য চিহ্নিত করার জন্য উপাদান

Ctrl+ Alt+Del


<kbd> এর সাথে আলাদা কিছু ফন্ট ফর্ম্যাট থাকতে পারে সে সম্পর্কে কি বিশেষ কিছু আছে? যদি না হয় তবে এখানে অন্য ফর্ম্যাটিং ট্যাগগুলির একটি তালিকা রয়েছে? w3schools.com/tags/tag_phrase_elements.asp
আপনার বন্ধু কেন

বিশেষত নয়, কেবল সুপরিচিত নয় বলে আমি মনে করি না
রাশ ক্যাম

3
ডিফল্টরূপে কিছুই নয়, তবে সিএসএসের সাথে উপাদান কীভাবে SO করে তা চিহ্নিত করা পরিষ্কার।
এজেন্ট_9191

1
সচেতন ছিল না যে এর অস্তিত্ব আছে, এটি মজাদার।
Kzqai

85
<blink>

সাইটে গুরুত্বপূর্ণ কোনও কিছুর জন্য অবশ্যই ব্যবহার করা উচিত। বেশিরভাগ গুরুত্বপূর্ণ সাইটগুলি চোখের পলকে সমস্ত সামগ্রী আবৃত করে।

<marquee>

একটি বাস্তবসম্মত স্ক্রোলিং প্রভাব তৈরি করে, ই-বুকস ইত্যাদির জন্য দুর্দান্ত etc.

সম্পাদনা করুন: ইজি-আপ ফেল্লাস, এটি কেবল হাস্যরস করার চেষ্টা ছিল


62
সম্ভবত প্রশ্নটি উল্লেখ করা উচিত ছিল যে আমরা এমন বৈশিষ্ট্যগুলি তালিকাভুক্ত করা উচিত নয় যা আমরা গোপন রাখতে চাই ।
বেন ফাঁকা

12
... আমি একটি ডিভ প্রদর্শনের কোডের জন্য একটি psuedo- টার্মিনাল স্টাইলিংয়ের অংশ হিসাবে <blink> ব্যবহার করেছি (: before সামগ্রীর আগে: "ড্রথোমাস @ বাড়ী: ~ $";}: {সামগ্রীর পরে: "_"; পাঠ্য) -প্রশাসন: পলক;} ... এটি দুর্দান্ত ছিল I আমার সম্ভবত সাহায্য নেওয়া উচিত = =]
ডেভিড বলেছেন মনিকা পুনরুদ্ধার

2
<marquee> <ব্লিংক> সবচেয়ে বিরক্তিকর এইচটিএমএল ট্যাগগুলি এখনও সর্বদা !!!
আপনার বন্ধু কেন

2
আমি আমার পুরো পৃষ্ঠাটি মার্কি এবং ব্লিঙ্কে
মুড়ে রাখছি

3
অনুগ্রহ. <ব্লিংক> এর একমাত্র বৈধ ব্যবহার হ'ল: শ্রোইডিংজারের বিড়াল <বিলিঙ্ক> নয় </ বিলিঙ্ক> মারা গেছে। (আমি ভেবেছিলাম এটি
এক্স কেসিডি

84

খুব পরিচিত নয় তবে আপনি lowsrcচিত্রগুলির জন্য নির্দিষ্ট করতে পারবেন যা চিত্রটির lowsrcলোড করার সময় প্রদর্শিত হবে src:

<img lowsrc="monkey_preview.png" src="monkey.png" />

যারা ইন্টারলেসড ইমেজ পছন্দ করেন না তাদের জন্য এটি একটি ভাল বিকল্প ।

সামান্য কিছু ট্রিভিয়া: এক পর্যায়ে এই সম্পত্তিটি যথেষ্ট অস্পষ্ট ছিল যে এটি হটমেল , সারকা 2000 ব্যবহার করতে ব্যবহৃত হয়েছিল।


এটি আমি জানতাম না। এটি "লোডিং" অ্যানিমেশনের জন্য ব্যবহার করা যেতে পারে?
বোরিস কলেনস

2
আমি সেই "শোষণ হটমেল" লিঙ্কটি থেকে অপেরাতে প্রতারণার সতর্কতা পাচ্ছি। : ও
জ্রিস্টা

2
এটি একটি সুরক্ষা ওয়েবসাইট, এটি নিরাপদ।
জোয়ে রবার্ট

27
তবে এই বৈশিষ্ট্যটি মালিকানাধীন। msdn.microsoft.com/library/ms534138(VS.85).aspx
গম্বো

17
এই বৈশিষ্ট্যটি HTML4 সাল থেকে অবচয় করা হয়েছে - আপনার এটি উত্পাদন ওয়েবসাইটগুলিতে ব্যবহার করা উচিত নয়।
বেন হাল

67

DELএবং INSমুছে ফেলা এবং sertedোকানো সামগ্রী চিহ্নিত করতে:

HTML <del>sucks</del> <ins>rocks</ins>!

10
অবশ্যই যথেষ্ট পরিমাণে ব্যবহার করা হয়নি।
চোখের পলকহীনতা

2
@ আইলিডলেসনেস: কেবল এমন পর্যাপ্ত পরিস্থিতি নেই যেখানে মুছে ফেলা / sertedোকানো পাঠ্য চিহ্নিত করা কার্যকর।
অসন্তুষ্ট গোয়াট

2
আমি শপথ করতে পারি যে স্ট্যাক ওভারফ্লো ব্যবহৃত হয়েছিল <ins>এবং <del>কিছুক্ষণ আগে পুনর্বিবেচনা পৃষ্ঠাগুলিতে, তবে এখন এটি ব্যবহার করে <span class="diff-add">এবং <span class="diff-delete">। :(
সিস্টেম PAUSE

1
@ ডিসগ্রান্টলডগোট উইকি রিভিশন ইতিহাস? এর জন্য প্রচুর ব্যবহারের কেস
HorusKol

3
@ হরাস: নিশ্চিত যে আপনি ব্যবহারগুলি খুঁজে পেতে পারেন, তবে এমন জিনিসগুলির দুর্দান্ত পরিকল্পনায় যা এখনও বিপুল পরিমাণে পরিস্থিতি নয়।
অসন্তুষ্ট গোয়াট

58

বোতাম ট্যাগ নতুন input submitট্যাগ এবং মানুষের অনেক এখনও এটা সাথে পরিচিত না হয়। বোতামের পাঠ্যটিকে উদাহরণস্বরূপ বোতাম ট্যাগ ব্যবহার করে স্টাইল করা যেতে পারে।

<button>
    <b>Click</b><br />
    Me!
</button>

দুটি লাইন সহ একটি বোতাম রেন্ডার করবে, প্রথমটি "সাহসী" তে " ক্লিক করুন " এবং দ্বিতীয়টি "আমাকে!" বলে। এখানে চেষ্টা করুন


15
আইই <8 এ এটি ভাঙা নিয়ে লজ্জাজনক বিষয়গুলি নিয়ে সমস্যাগুলি কাজ করা সম্ভব তবে এটি বেদনাদায়ক হতে পারে এবং কখনও কখনও আপনি ওয়েব সার্ভার এবং সার্ভারের পাশের প্রোগ্রামিং পরিবেশের মধ্যে চলমান সুরক্ষা সুরক্ষাটিকে আঘাত করেন।
কোয়ান্টিন

6
তবে আই << 8 উপাদানটির বিষয়বস্তু জমা দেবে, এর মান নয়। আমি বিশ্বাস করি কিছু সংস্করণ সর্বদা এটি সফল নিয়ন্ত্রণ হিসাবে বিবেচিত হবে (এমনকি এটি ক্লিক না করা হলেও)।
কোয়ান্টিন

4
এবং আপনি যদি এটি <বোতাম কনটেনটেটেটেবল> করেন তবে আপনি বোতামের পাঠ্যটিও পরিবর্তন করতে পারবেন! এটির জন্য বৈধ ব্যবহারের জন্য যে কেউ খুঁজে পেতে পারে P :)
গ্যাভিন

4
"ইনপুট" ধরণের জমা কেন ছিল তা আমি কখনই বুঝতে পারি নি। এটি কোনও কিছুর ইনপুট দিচ্ছে না, আপনি অন্য ক্ষেত্রগুলিতে যা ইনপুট করেছেন তা কেবল জমা দেওয়া হচ্ছে।
অসন্তুষ্ট গোয়াট

3
@ ডিসগ্রান্টলডগোট: এর নাম / মান জুটি আসলে পাঠানো হবে। যদি আপনার কোনও ফর্মের একাধিক বাটন থাকে (যেমন সম্পাদনা, মোছা, মুভআপ ইত্যাদি) এবং টিপানো বোতামটি আলাদা করতে চান তবে দরকারী। দুর্ভাগ্যক্রমে buttonআই আই <8 এ এটির জন্য কার্যকর হয় না , এটি আশ্চর্যজনকভাবে সমস্ত buttonউপাদানগুলির নাম / মান জোড়া প্রেরণ করে ।
বালাসসি

56

মুদ্রণের জন্য সিএসএস নির্দিষ্ট করুন

<link type="text/css" rel="stylesheet" href="screen.css" media="screen" />
<link type="text/css" rel="stylesheet" href="print.css"  media="print" />

1
আবিষ্কার করেছেন যে কয়েক সপ্তাহ আগে
ড্যানিয়েল মৌরা

41
সত্যই লুকানো নয় ইমো।
দিমিত্রি ফারকভ

এটি সাধারণ ব্যবহারে।
আপড্রিচ

আপনি যদি এর আগেও এর সাথে ডিল না করেন তবে আমি আশা করি যে আপনি এর আগে কোনও প্রযোজনা ওয়েবসাইট তৈরি করেন নি ...
Kzqai

কীভাবে এটাকে গোপন মনে করা যায়?
মেরিন

54

<dl> <dt>এবং <dd>আইটেম প্রায়ই বিস্মৃত এবং তারা সংজ্ঞা তালিকা, সংজ্ঞা শব্দ এবং সংজ্ঞা জন্য দাঁড়ানো।

তারা একটি আনর্ডারড তালিকার মতোই কাজ করে ( <ul>) তবে একক এন্ট্রি পরিবর্তে এটি আরও কী / মান তালিকার মতো।

<dl>
  <dt>What</dt><dd>An Example</dd>
  <dt>Why</dt><dd>Examples are good</dd>
</dl>

অতিরিক্তভাবে, dl / dt / dd শব্দার্থবিজ্ঞান অনুরূপ তালিকার জন্য উপযুক্ত (উদাহরণস্বরূপ, কথোপকথনের জন্য কাঠামোর প্রস্তাব দেওয়া হয়েছে)।
চোখের পলকহীনতা

2
ডিফল্ট উপস্থাপনাটি তেমন দুর্দান্ত নয় তবে লোকেরা ভুলে যায় যে উপাদানগুলি সিএসএসের মাধ্যমে অনেকগুলি স্টাইল করা যেতে পারে।
অসন্তুষ্ট গোট

18
আরও আকর্ষণীয় বিষয় যা প্রায়শই ভুলে যায় তা হ'ল ফর্ম্যাটটি কী / মান / মান / মান / মান / মান / কী / মান
কোয়ান্টিন

1
@ ডি_এন, আমি মনে করি যেখানে মতবিরোধটি রয়েছে তা হ'ল আমি প্রস্তাবিত ব্যবহারগুলি পৃথকীকরণ এবং এর বিপরীতে না হয়ে সংজ্ঞা এবং শব্দার্থবিজ্ঞানের অংশ হিসাবে বিবেচনা করি।
চোখের পলকহীনতা

1
@ ডি_এন এবং @ আইলিডলেসনেস - কথোপকথনটি শব্দার্থভাবে চিহ্নিত করার বিষয়ে ব্রুস লসনের নোটটি দেখুন ... আরও জুরিটি এখনও এইচটিএমএল 5 সংলাপের উপাদানটির বাইরে রয়েছে ... ব্রুস্লাওসন.কম.উক
ফেন্টন

52

হুবহু লুকানো নয়, তবে (এবং এটি আই এর দোষ) আমার রুচিগুলির জন্য থ্যাড, টডি, টুফুট সম্পর্কে যথেষ্ট লোক জানে না । এবং আপনারা কতজন জানেন যে tfoot মার্ক আপ মধ্যে tbody উপরে প্রদর্শিত হবে ?


1
বরিস ক্যালেনস, হ্যাঁ, কেউ থ্যাড, টডি এবং টুফুট উপস্থিত না থাকলে তাকে বোঝানো হয়।
চোখের পলকহীনতা

2
আইই 5 টিবিডিওয়াইটি সঠিকভাবে প্রয়োগ করে থাকলে আরও বেশি লোক এটি ব্যবহার করতে পারে would বেশ কয়েক বছর আগে এটিই ছিল মূল সমস্যা। মোজিলা এবং অপেরা স্ক্রোলিং টিবিডিওয়াই সমর্থন করেছিল যা সত্যিই দুর্দান্ত ছিল; দুর্ভাগ্যক্রমে, আই 5 এটি করেনি।
স্ট্যাটিক্সান

9
তারা মুদ্রণ করা হয়েছে কারণ এটি করা উচিত জন্য দরকারী theadএবং tfootউপরে এবং প্রতিটি পৃষ্ঠার নীচের অংশে অবস্থিত। theadআপনার লম্বা দীর্ঘ টেবিলগুলি থাকা অবস্থায় ব্রাউজারে পুনরাবৃত্তি করার কোনও ব্যবস্থা নেই এটি লজ্জার বিষয় ।
অসন্তুষ্ট গোয়াট

1
আমি জানতাম যে টুফুট টিবির উপরে গিয়েছিল এবং আমি মনে করি এটি বেশ বোকা। আমি আমার টিফুটটি নীচে রেখেছি, যেখানে এটি বোধগম্য হয়েছে, যাচাইকারী ত্রুটি পেয়েছে, টিফুটটি টিবিটির উপরে স্থানান্তরিত করেছে (বিভ্রান্ত তবে সর্বদা অনুগত) এবং কী অনুমান করে ?! আপনি যখন টেবিলটি হাইলাইট করার চেষ্টা করবেন, ব্রাউজারটি (কমপক্ষে এফএফ) শরীরের আগে পাটি হাইলাইট করে, যদিও এটি দৃশ্যত শরীরের নীচে থাকে! এবং তারপর!!! আপনি যখন এটি কোনও পাঠ্য সম্পাদককে অনুলিপি করেন, তখন এটি দৃশ্যত শরীরের উপরে থাকে। সম্পূর্ণ নির্বিচারে বিধি।
অ্যান্টনি

3
@ অ্যান্টনি: আপনার যদি ধীর সংযোগ থাকে তবে তা বোঝা যায়, এর অর্থ টেবিলের সামগ্রীটি লোড হওয়ার সময় আপনি সমস্ত শিরোনাম এবং পাদচরণ দেখতে পারবেন।
me_ এবং

50

wbrবা শব্দ-ব্রেক ট্যাগ। কুইর্কসোড থেকে:

(শব্দ বিরতি) এর অর্থ: "ব্রাউজারটি এখানে চাইলে লাইন বিরতি sertোকাতে পারে" " এটি ব্রাউজারটি মনে করে না যে একটি লাইন বিরতি প্রয়োজনীয় কিছু ঘটে না।

<div class="name">getElements<wbr>ByTagName()</div>

আমি ব্রাউজারকে একটি লাইন ব্রেক যোগ করার বিকল্পটি দেই। টেবিলের প্রচুর জায়গা থাকলে এটি খুব বড় রেজোলিউশনে প্রয়োজনীয় হবে না। ছোট রেজোলিউশনে, তবে, এই জাতীয় কৌশলগতভাবে রেখা বিরতিগুলি টেবিলটিকে উইন্ডোর চেয়ে বড় হতে বাধা দেয় এবং এভাবে অনুভূমিক স্ক্রোলবারগুলি ঘটায়।

রয়েছে &shy;এইচটিএমএল একই পৃষ্ঠায় উল্লিখিত সত্তা। এটি একই রকম wbrতবে যখন একটি বিরতি inোকানো হয় তখন একটি বিরতি -বোঝাতে একটি হাইপেন ( ) যুক্ত করা হয়। এটি কীভাবে প্রিন্টে করা হয় তা পছন্দ করুন।

একটি উদাহরণ:

TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText


2
সাবধানতা অবলম্বন করুন কারণ এই একটিতে ব্রাউজারের দুর্বল সমর্থন রয়েছে
ক্রিস্টোফ এবল Eb

7
"আইই 8 হিসাবে আইই 8" এটি সমর্থন করে না এবং এটি উইন্ডোগুলির জন্য সাফারি 3.0 এ বগি। সমর্থন ছাড়া অন্যটি বেশ ভাল। লিঙ্কে সামঞ্জস্যতা চার্ট পড়ুন।
আলেম্ব

হুম সিটিপয়েন্ট পোস্টটি এই ট্যাগটিকে অবহিত এবং অকেজো হিসাবে চিহ্নিত করেছে, কে ঠিক? রেফারেন্স.সিটিপয়েন্ট.কম
html/wbr

এটি এইচটিএমএল অনুমানের অংশ হিসাবে নষ্ট হয়ে যেতে পারে তবে এটি ব্রাউজারগুলিতে এখনও কাজ করে। যখনই সন্দেহ হয়, কুইর্কসমোড রায়টি নিয়ে যান (গুগলের স্পনসর এখন সামঞ্জস্যতার টেবিল)।
আলেবেম

এর মতো মনে হয় পরের সিএসএস স্ট্যান্ডার্ডটিতে অন্তর্ভুক্ত করা খুব কার্যকর জিনিস হবে!
জেমস

43

অনেকটা অনুল্লিখিত বৈশিষ্ট্যটি হ'ল এই যে প্রতিটি পৃষ্ঠায় দৃশ্যমান সামগ্রী সরবরাহ করা যায় এমন একটি উপাদানই 'শিরোনাম' বৈশিষ্ট্যযুক্ত হতে পারে।

উপাদানটির উপর মাউস 'আটকানো' থাকাকালীন এ জাতীয় বৈশিষ্ট্য যুক্ত করা একটি 'টুলটিপ' দেখা দেয় এবং অপ্রয়োজনীয় - তবে দরকারী - এমন তথ্য সরবরাহ করতে ব্যবহৃত হতে পারে যা পৃষ্ঠাকে খুব বেশি ভিড়ের কারণ হতে না পারে doesn't । (বা এটি ইতিমধ্যে জনাকীর্ণ পৃষ্ঠায় তথ্য যুক্ত করার উপায় হতে পারে)


হ্যাঁ, "শিরোনাম" বৈশিষ্ট্যটি বেশ কার্যকর — বিশেষত এমন উপাদানগুলির জন্য যা ক্লিক করা।
স্টিভ হ্যারিসন

6
যে টুলটিপটি প্রদর্শিত হবে তা ব্রাউজার-নির্দিষ্ট। সমস্ত ব্রাউজার শিরোনামের বৈশিষ্ট্যটি একই রকম প্রদর্শন করবে না। তবে এটি একটি দুর্দান্ত বৈশিষ্ট্য যা আমি অবশ্যই ব্যবহার করি।
ট্র্যাভিস

8
শিরোনামের বৈশিষ্ট্যটি কার্যকর, তবে কেবল যখন যথাযথভাবে ব্যবহৃত হয়। বেশিরভাগ ব্রাউজারগুলি কেবল অদৃশ্য হওয়ার আগে কয়েক সেকেন্ডের জন্য টুলটিপ রেন্ডার করে। আমি এটি ঘৃণা করি যখন ডিজাইনাররা 3 বা 4 লাইন পাঠ্যের শিরোনাম গুণটি পূরণ করার প্রয়োজনীয়তা অনুভব করে যা আপনাকে মাউস ওভার করতে হবে, তারপরে আবার মাউসটি বাকীটি পড়তে পারে।
পুরোহিত

JQuery এর সাথে এটি ব্যবহার করা দুর্দান্ততার সমতুল্য।
লেভি মরিসন

লেভি - আপনি কিছু উদাহরণ দিতে পারেন?
Belugabob

38

একত্রে একাধিক এইচটিএমএল / সিএসএস ক্লাস প্রয়োগ করা হচ্ছে। এখানে একই পোস্ট

<p class="Foo Bar BlackBg"> Foo, Bar and BlackBg are css classes</p>

22
সেগুলি এইচটিএমএল ক্লাস, সিএসএস ক্লাস নয়। সিএসএসের ক্লাস নেই (এটির ক্লাস সিলেক্টর রয়েছে)। এইচটিএমএল ক্লাস সিএসএস ব্যতীত অন্য কিছুর জন্য উপকারী।
কোয়ান্টিন

36
কি দারুন! লোকেরা এটিকে একটি "লুকানো" বৈশিষ্ট্য বলে মনে করে আমি সহজেই উঠতে পারি না। ছেলে আমি কিছু "সত্যই লুকানো" বৈশিষ্ট্যগুলি পোস্ট করার বিষয়ে বোকা বোধ করি কারণ যে ব্যক্তিরা এটির উন্নতি করেছে তারা সম্ভবত ডিটিডি বাড়িয়ে দেওয়ার অর্থ কী তা জানতে পারে না।
আলেবেম

5
d03boy, p.foo, p.var পি.ফু.বারের মতো নয়। প্রাক্তন "foo" বা "var" শ্রেণীর সাথে যে কোনও অনুচ্ছেদ নির্বাচন করে, পরেরটি উভয় শ্রেণীর সাথে একটি অনুচ্ছেদ নির্বাচন করে।
পলকহীনতা

5
এইচটিএমএল ক্লাস সম্পর্কিত জিনিসটি একটি ভাল বিষয়, কারণ এটি আমাকে একটি বিন্দুতে নিয়ে আসে - এইচটিএমএলকে CSS সম্পর্কে সচেতন করা উচিত নয় .. আপনি 'এইচটিএমএল তৈরি করতে সক্ষম হবেন এবং এটি এমন ডিজাইনারের কাছে পৌঁছে দিতে পারবেন যা তাদের নকশা বাস্তবায়ন করতে পারে এইচটিএমএল পরিবর্তন করার প্রয়োজন (এখনও বেশিরভাগ ক্ষেত্রে নয়)) .. তাই এটি আপনার নামকরণ এবং আপনি ক্লাসগুলি ব্যবহার করার পদ্ধতিতে নেমে আসে .. সিএসএস বৈশিষ্ট্যগুলি লক্ষ্য করে ক্লাস তৈরি করবেন না .. উপাদানটি কী তা চিহ্নিত করতে ক্লাস ব্যবহার করুন '।
meandmycode

1
প্রযুক্তিগতভাবে, "ফু বার ব্ল্যাকবিজি" একটি একক শ্রেণি, এবং পি.ফু পি এর জন্য কেবল সিনট্যাকটিক চিনি [ক্লাস ~ = ফু] ( স্পেক দেখুন )। যদিও এটি একাধিক ক্লাস হিসাবে এটি চিন্তা করা সহজ।
Tgr

34

ডিটিডি বা ডকুমেন্ট প্রকারের ঘোষণাপত্র (আমরা আপনাকে ডব্লু 3 সি বৈধকারীর সাহায্যে পৃষ্ঠা পৃষ্ঠাতে ব্যর্থ করে তোলে) সম্পর্কে আমরা সবাই জানি। তবে এটি বাড়ানো সম্ভব কাস্টম উপাদানগুলির জন্য একটি অ্যাট্রিবিউট তালিকা ঘোষণা ডিটিডি

উদাহরণস্বরূপ, ট্যাগটিতে যুক্ত হওয়ার কারণে ডাব্লু 3 সি বৈধকারক এই পৃষ্ঠাটির জন্য ব্যর্থ হবে । তবে আপনি এটি করে এটি পাস করতে পারেন:behavior="mouseover"<p>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
[
<!ATTLIST p behavior CDATA #IMPLIED>
]>

কুইর্কসোডে কাস্টম ডিটিডি সম্পর্কে আরও দেখুন ।


10
অবশ্যই এটি এটিকে "বৈধ: আপনার কাস্টম মার্কআপ ল্যাঙ্গুয়েজ" করে তোলে এবং "এক্সএইচটিএমএল 1.0 ট্রানজিশনাল" নয়
কোয়ান্টিন

3
+1 টি। আমি জানি না কেন এটি -1 ছিল। যাইহোক এটি লক্ষ করা উচিত যে ব্রাউজার সমর্থন প্রায় শূন্য।
পলকহীনতা

খুব নিশ্চিত যে অপেরা এটি সমর্থন করে।
ধনী ব্র্যাডশো

2
@ আইলিডলেসনেস এটি কেবল এক্সএইচটিএমএলে কাজ করে। পাঠ্য / এইচটিএমএল হিসাবে প্রেরণ করা মেক-বিশ্বাস এক্সএইচটিএমএলে কাজ করে না।
কর্নেল

2
Eshশ, এর ভক্ত নয়। আমার কাছে, এইচটিএমএলটির মান হ'ল গ্রহের প্রত্যেকেই এর অর্থ (কমবেশি) এর অর্থ কী তা জানেন, কারণ আমরা সবাই একই ট্যাগ এবং বৈশিষ্ট্যগুলি ব্যবহার করি। আমি নিশ্চিত না কেন classগুণটি যথেষ্ট পরিমাণে বর্ধিত নয়।
পল ডি ওয়েট

28

আমরা ইমেজ, জাভাস্ক্রিপ্ট, iframe, লিঙ্ক এর উত্স / href বৈশিষ্ট্য হিসাবে বেস 64 এনকোড স্ট্রিং নির্ধারণ করতে পারি

যেমন

<img alt="Embedded Image" width="297" height="246" 
  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkA..." />

div.image {
  width:297px;
  height:246px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkA...);
}

<image>
  <title>An Image</title>
  <link>http://www.your.domain</link>
  <url>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkA...</url>
</image>

<link rel="stylesheet" type="text/css"
  href="data:text/css;base64,LyogKioqKiogVGVtcGxhdGUgKioq..." />

<script type="text/javascript"
  href="data:text/javascript;base64,dmFyIHNjT2JqMSA9IG5ldyBzY3Jv..."></script>

তথ্যসূত্র

এইচটিএমএল মার্কআপ ব্যবহার করে আমি কীভাবে চিত্রগুলি তৈরি করতে পারি?

বেস 64 ফাইলটি এনকোডার / অনুবাদককে বাইনারি করুন


4
দুঃখের বিষয়, আইই <8 এটি সমর্থন করে না। তবে আপনি এই ব্রাউজারগুলির পরিবর্তে এমএইচটিএমএল
ম্যাথিয়াস বাইনেস

26

আমি সম্প্রতি ফিল্ডসেট এবং লেবেল ট্যাগগুলি সম্পর্কে সন্ধান করেছি। উপরে হিসাবে, লুকানো নয় তবে ফর্মগুলির জন্য দরকারী।

<ফিল্ডসেট> ব্যাখ্যা

উদাহরণ:

<form>
  <fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text" size="30" /><br />
    Email: <input type="text" size="30" /><br />
    Date of birth: <input type="text" size="10" />
  </fieldset>
</form>

এটি ব্যবহার করে একটি নমুনা সরবরাহ করুন।
বিনোজ অ্যান্টনি

1
ব্যাখ্যা: w3schools.com/
TAGS

এ্যাসনেট এমভিসি নমুনা পৃষ্ঠা থেকে ফিল্ডসেট আবিষ্কার করেছেন। ^^
অরনিস ল্যাপসা

2
এই সম্পর্কে জানতাম না। Heres W3c spec: w3.org/TR/html401/interact/forms.html#h-17.10
মিতমারো

ফিল্ডসেট এবং কিংবদন্তি দুর্দান্ত। আপনার ফর্মগুলি চিহ্নিত করার একটি দুর্দান্ত উপায়।
নীল আইটেন

25

আপনি এই পৃষ্ঠায় অন্য ডকুমেন্ট অন্তর্ভুক্ত করতে এর objectপরিবর্তে ট্যাগটি ব্যবহার করতে পারেন iframe:

<object data="data/test.html" type="text/html" width="300" height="200">
  alt : <a href="data/test.html">test.html</a>
</object>

57
এটি প্রায় ভাল একটি ইফ্রেমের মতো কাজ করা শেষ করে ব্যতীত এটির কম ভাল সমর্থিত এবং এর বৈশিষ্ট্য কম রয়েছে।
কোয়ান্টিন

iframe অবচিত করা হয়েছে, আশা করি আমরা শীঘ্রই আরও ভাল সমর্থন পেয়ে যাব,
গর্ডন গুস্তাফসন

12
iframe এইচটিএমএল 5 এ অবচয় করা হয় না
Zach

এটি এমবেডড পৃষ্ঠা থেকে এক্সএসএস আক্রমণগুলি আটকাতে পারে?
বেনামে কাপুরুষ

1
আমি বিশ্বাস করি এটি এসওপি ব্যবহার করে, আইফ্রেমেসের মতোই।
জাচ

25

<optgroup>বিভাগগুলি <select>তালিকা তৈরি করার সময় লোকেরা প্রায়শই হাতছাড়া করে ।

<select>
  <optgroup label="North America">
    <option value='us'>United States</option>
    <option value='ca'>Canada</option>
  </optgroup>
  <optgroup label="Europe">
    <option value='fr'>France</option>
    <option value='ir'>Ireland</option>
  </optgroup>
</select>

এর পরিবর্তে আপনার কী ব্যবহার করা উচিত

<select>
  <option value=''>----North America----</option>
  <option value='us'>United States</option>
  <option value='ca'>Canada</option>
  <option value=''>----Europe----</option>
  <option value='fr'>France</option>
  <option value='ir'>Ireland</option>
</select>

25

বেশিরভাগ লোকেরা এও অসচেতন যে আপনি কেবল একটি নাম / মান জুটি দিয়ে চাপলে ফর্ম বোতামটি আলাদা করতে পারেন। যেমন

<form action="process" method="post">
     ...
     <input type="submit" name="edit" value="Edit">
     <input type="submit" name="delete" value="Delete">
     <input type="submit" name="move_up" value="Move up">
     <input type="submit" name="move_up" value="Move down">
</form>

সার্ভার সাইডে, চাপানো আসল বোতামটি কেবলমাত্র বোতামটির নামের সাথে যুক্ত অনুরোধের প্যারামিটারের উপস্থিতি পরীক্ষা করেই পাওয়া যাবে can যদি তা না হয়null , তবে বোতামটি টিপানো হয়েছিল।

আমি দেখেছি অনেক এর অপ্রয়োজনীয় জাতীয় হ্যাক / উদাঃ যে জন্য সমাধান নীচে উপস্থিত, ফর্ম কর্ম পরিবর্তন অথবা একটি লুকানো ইনপুট মান পরিবর্তন পূর্বেই নির্ভর করে বোতাম চাপা। এটি কেবল অবাক করা।

এছাড়াও, আমি টেবিল সারিগুলির মতো একাধিক চেকবাক্সগুলির চেকডগুলিকে সংগ্রহ করতে প্রায় অনেক জেএস হ্যাক / ওয়ার্কআরউন্ড দেখেছি। টেবিলের সারিটির প্রতিটি নির্বাচন / চেকের উপরে জেএস একটি লুকানো ইনপুট উপাদানটিতে সারি সূচকটি কিছু কমবেসযুক্ত মানতে যুক্ত করবে যা সার্ভারের পাশের অংশে আরও বিভক্ত / পার্স করা হবে। এটি অজানাতার ফলস্বরূপ যে আপনি একাধিক ইনপুট উপাদানগুলিকে একই নামটি দিতে পারেন তবে ভিন্ন মান দিতে পারেন এবং সার্ভারের পাশের একটি অ্যারে হিসাবে আপনি এখনও তাদের অ্যাক্সেস করতে পারেন। যেমন

<tr><td><input type="checkbox" name="rowid" value="1"></td><td> ... </td></tr>
<tr><td><input type="checkbox" name="rowid" value="2"></td><td> ... </td></tr>
<tr><td><input type="checkbox" name="rowid" value="3"></td><td> ... </td></tr>
...

অজান্তেই প্রতিটি চেকবাক্স একটি আলাদা নাম দেয় এবং পুরো মান বৈশিষ্ট্য বাদ দিতে পারে। কিছু জেএস-হ্যাক / ওয়ার্কআরউন্ড-মুক্ত পরিস্থিতিতে আমি চেক করা আইটেমগুলি আলাদা করতে সার্ভার সাইড কোডে কিছু অযৌক্তিকভাবে অপ্রতিরোধ্য ম্যাজিকও দেখেছি ।


1
আরে .. এটি সম্ভবতঃ HTML এর আরও একটি লুকানো বৈশিষ্ট্য: /;)
বালুসক

1
যদি কোনও ফর্মের একাধিক জমা বোতাম থাকে এবং ব্যবহারকারী একটিতে ক্লিক করেন, ইন্টারনেট এক্সপ্লোরারের কয়েকটি সংস্করণ প্রফুল্লভাবে আপনার সার্ভারকে বলবে যে সেগুলি সমস্ত ক্লিক করা হয়েছিল। ওয়ান্ডারফুল।
অবধি

1
@ তাত্পর্যপূর্ণ: কেবলমাত্র আপনি যদি :) এর <button type="submit">পরিবর্তে ব্যবহার করেন তবে<input type="submit">
BalusC

1
... বুয়উউট আইআই 6 এরও সমস্যা নেই <input type="submit">? (এই ইস্যুটির আমার স্মৃতিটি হতাশাজনক - আমি দীর্ঘদিন ধরে নিয়োগকর্তাকে অভ্যন্তরীণ ওয়েব অ্যাপ্লিকেশনগুলির জন্য IE সামঞ্জস্যতা সম্পর্কে চিন্তা না করার জন্য দৃ convinced়প্রত্যয়ী করেছি, সুতরাং এটি আমার সমস্যা আর কোনও বিষয় নয় IE তবে আমি আইই 6-তে এই সমস্যা সমাধানের ক্ষেত্রে কিছু প্রতিবন্ধকতা মনে করি বলে মনে করি)। )
স্পষ্টত

2
এটি খুব i18n- বান্ধব নয়।
জেনেক করুন

22

কলগ্রুপ ট্যাগ

<table width="100%">
    <colgroup>
        <col style="width:40%;" />
        <col style="width:60%;" />
    </colgroup>
    <thead>
        <tr>
            <td>Column 1<!--This column will have 40% width--></td>
            <td>Column 2<!--This column ill have 60% width--></td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
    </tbody>
</table>

15
আমার অভিজ্ঞতায়, কলগ্রুপ সমর্থন সর্বোত্তমভাবে ফ্লেকি।
চোখের পলকহীনতা

মারাত্মকভাবে অনুরূপ
ডাব্লুপিএফ

18

যদি forকোনও <label>ট্যাগের অ্যাট্রিবিউট নির্দিষ্ট না করা থাকে, তবে এটি স্পষ্টতই প্রথম শিশু হিসাবে সেট করা থাকে <input>, যেমন

<label>Alias: <input name="alias" id="alias"></label>

সমতুল্য

<label for="alias">Alias:</label> <input name="alias" id="alias">

4
তবে এটি অ্যাট্রিবিউট
কোয়ান্টিন

4
@ ডেভিড - এটি ব্যাক আপ করার জন্য আপনার কাছে কোনও ডকুমেন্টেশন আছে? আমি মনে করি না আমি কখনও দেখেছি যে কোনও ব্রাউজার এই ব্যবহারটিকে সমর্থন করে না। আমি ব্যক্তিগতভাবে আই 6/7, এফএফ 2/3, সাফারি 3, এবং ক্রোম 1/2 এ পরীক্ষা করেছি। আমি নিজেকে অপেরাতে পরীক্ষা করিনি, তবে কাজ না করলে আমি খুব অবাক হব। এই আচরণটি মূল এইচটিএমএল spec.০
বেন ব্ল্যাঙ্ক

এছাড়াও, কোনও লেবেলের ভিতরে কোনও ইনপুট স্থাপন করা বৈধ নয় এবং ডিওএইচ আপনি উদাহরণ হিসাবে নিজের ইনপুট ট্যাগটি বন্ধ করেন নি!
অ্যান্টনি

5
আপনি উভয় বিবেচনায় ভুল: এটি বৈধ অনুশীলন, এবং শেষ ট্যাগটি ইনপুট উপাদানগুলির জন্য নিষিদ্ধ।
মো

15

লিঙ্ক হিসাবে বোতাম, জাভাস্ক্রিপ্ট নেই :

আপনি ফর্ম ক্রিয়ায় কোনও ধরণের ফাইল রাখতে পারেন এবং আপনার কাছে একটি বোতাম রয়েছে যা লিঙ্ক হিসাবে কাজ করে। অনক্লিক ইভেন্ট বা এ জাতীয় ব্যবহার করার দরকার নেই। এমনকি আপনি ফর্মের একটি "টার্গেট" স্টিক করে একটি নতুন উইন্ডোতে ফাইলটি খুলতে পারেন। আমি সেই কৌশলটি বেশি প্রয়োগ করতে দেখিনি।

এটি প্রতিস্থাপন করুন

<a href="myfile.pdf" target="_blank">Download file</a>

এর সাথে:

<form method="get" action="myfile.pdf" target="_blank">
    <input type="submit" value="Download file">
</form>

27
বোতামটির "ফাইল হিসাবে সংরক্ষণ করুন" বিকল্প থাকবে না, এটি ব্যবহারকারীদের প্রয়োজন হতে পারে যারা তাদের ব্রাউজারটি গ্রহণ করতে অ্যাডোব অ্যাক্রোব্যাটকে পছন্দ করেন না।
কর্নেল

পিডিএফ ফাইল অ্যাক্সেস করার সময় এটি ডিফল্ট ব্রাউজারের আচরণের সাথে আচরণ করবে। এটি কোনও এইচটিএমএল ফাইল, একটি শব্দ ফাইল, একটি জিপ ফাইল বা অন্য যে কোনও কিছু হতে পারে।
ওয়াদিহ এম।

কোন পরিস্থিতিতে একটি অ্যাঙ্কর ট্যাগ একটি অনক্লিক ইভেন্ট প্রয়োজন? এবং এইচটিএমএলের 3 টি লাইন কেন 1 এর চেয়ে ভাল হবে? আপনি যে লিঙ্কটির পরিবর্তে একটি বোতাম রাখতে পারেন তা কি ধারণা, তাই এটি দুর্দান্ত এবং বোতামটির মতো? যদিও আমি এটি সম্পর্কে কৃপণ বোধ করি, আমার কাছে আসলে একটি পৃষ্ঠা রয়েছে যা লিঙ্কগুলির পরিবর্তে বোতামগুলি ব্যবহার করে কারণ যখন ব্যবহারকারী এটির অনুরোধ করে তখন ফাইলটি গতিময়ভাবে তৈরি হয়, তাই আমি এই লিঙ্কটি চাইনি: blah.php? Stuff = "userdata" যদিও আমি সেই রাস্তাটি যেতে পারতাম, আমি স্ক্রিপ্ট ফাইলটিকে যে ফাইলের নাম দেয় তার পরিবর্তে ফাইল-উত্পন্ন স্ক্রিপ্টটি ফাইলের নাম হিসাবে ঝুঁকি নিতে চাইনি।
অ্যান্টনি

1
কেন কেবল একটি বোতামের মতো <a> ট্যাগ স্টাইল করবেন না? এটি আপনার মার্কআপে অনেকটা আবর্জনার মতো মনে হচ্ছে।
আপক্রিক

2
@UpTheCreek- কে কিছু ওয়েব অ্যাপ্লিকেশন ওএস-এর মতো দেখতে চায়। উদাহরণস্বরূপ একটি উইজেট বোতামটি যখন ব্যবহারকারী উইন্ডোজ ব্যবহার করে এবং একটি সুন্দর বোতাম যখন ব্যবহারকারী ম্যাক ওএস এক্স ব্যবহার করে

13

এক্স সেকেন্ডের মধ্যে পৃষ্ঠাটি রিফ্রেশ করার সহজ উপায় - মেটা রিফ্রেশ

<meta http-equiv="refresh" content="600">

সামগ্রীতে থাকা মানটি কয়েক সেকেন্ড পরে তা প্রকাশ করে যার পরে আপনি পৃষ্ঠাটি রিফ্রেশ করতে চান।
[সম্পাদনা]

<meta http-equiv="refresh" content="0; url=foobar.com/index.html">

একটি সাধারণ পুনর্নির্দেশ করতে!
(ধন্যবাদ @ আরএলবি)


13
অবশ্যই, কোন উপাদানগুলিকে সতেজ করা দরকার এবং তারপরে এজেএক্সের মাধ্যমে সেগুলি আপডেট করার ফলে খুব ভাল ব্যবহারকারীর অভিজ্ঞতার ফলস্বরূপ ...
স্টিভ হ্যারিসন

11
মেটাকে রিফ্রেশ যেখানে পৃষ্ঠাগুলিতে ব্যবহারকারী ফর্ম ক্রিয়াকলাপের কিছু বাদশা রয়েছে সেখানে সত্যিই ভাল কিছু করতে পারে না কারণ এটি ব্যবহারকারীর ফর্মটি পূরণ করতে বাধা দিতে পারে এবং সমস্ত কাজ ফেলে দিতে পারে। আমি মনে করি খুব কমই এমন একটি অনুষ্ঠান হয় যেখানে এই ধরণের রিফ্রেশগুলি সর্বোত্তম হবে। এটি সাধারণত সহজ উপায় out
রবার্ট কোরিতনিক

11
/ আমি যে পৃষ্ঠাগুলিকে ঘৃণা করি সেগুলি ঘৃণা করে ... নিষিদ্ধ করা উচিত = /
Svish

3
সেশন সময় শেষ হওয়ার চেয়ে কিছুটা কম সেট করা থাকলে ব্যবহারকারীকে তার সেশনটির সময়সীমা শেষ হয়ে গেছে এবং সরানো হয়েছে তা জানাতে এটিও কার্যকর হতে পারে।
fforw

1
সংক্ষিপ্ত সময়সীমা বিরতি ব্যাক বোতাম।
কর্নেল

12

<html>, <head>এবং <body>ট্যাগগুলি .চ্ছিক। যদি আপনি এগুলি বাদ দেন, তারা যথাযথ জায়গায় পার্সার দ্বারা নিঃশব্দে প্রবেশ করানো হবে। এটা পুরোপুরি বৈধ এইচটিএমএল (ঠিক উহ্য মত তা করার <tbody>)।

এইচটিএমএল তাত্ত্বিক একটি এসজিএমএল অ্যাপ্লিকেশন। এটি সম্ভবত সবচেয়ে সংক্ষিপ্ত বৈধ এইচটিএমএল 4 নথি:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<title//<p/

উপরের অংশটি ডাব্লু 3 সি ভ্যালিডেটর বাদে কোথাও কাজ করে না। তবে স্বল্পতম বৈধ এইচটিএমএল 5 text/htmlনথিটি সর্বত্র কাজ করে:

<!DOCTYPE html><title></title>

4
আপনি কী বিজ্ঞাপন দিবেন সে সম্পর্কে আপনার যত্নবান হওয়া উচিত। উপরের কোডটি ডাব্লু 3 সি বৈধকারীর 4 সতর্কতা সহ বৈধকরণটি পাস করবে তবে ডকটাইপটি এইচটিএমএল ৪.০। এটি বেশ ঝরঝরে যে এইচটিএমএল 4 এসজিএমএল এর প্রতারণাপূর্ণ এবং অতএব এই আলগা বৈধকরণের মানটি বজায় রাখে, তবে আপনি যদি এই ডিটিডি কে এক্সএইচটিএমএল 1.0 স্ট্র্যাক্টে পরিবর্তন করেন তবে এটি 15 টি ত্রুটি পায় যা প্রায় অক্ষরের সংখ্যার সমান is এক্সএইচটিএমএল বিকাশ করা হয়েছিল কারণ এইচটিএমএল এত অলস (এবং এইভাবে অনিরাপদ) ছিল তাই আমরা আর এর সুবিধা নিতে চাই না।
অ্যান্থনি

3
আপনি যদি এইচটিএমএল / এসজিএমএল ডকুমেন্টের ডক্টইপিকে এক্সএইচটিএমএল / এক্সএমএলে পরিবর্তন করেন তবে আপনি অযৌক্তিক মিশ্রণ পাবেন। এটি বেশ সুস্পষ্ট এবং আপনি কেন এটি দেখিয়ে দিচ্ছেন তা নিশ্চিত নই।
কর্নেল

3
এই উদাহরণটি, প্রযুক্তিগতভাবে, বৈধ এইচটিএমএল 4 হতে পারে, তবে ব্রাউজারগুলি সংক্ষেপিত এসজিএমএল সিনট্যাক্স সমর্থন করে না। নিম্নলিখিতটি সংক্ষিপ্ততম বৈধ এইচটিএমএল 5 নথি, যা ব্রাউজারগুলি আসলে সমর্থন করে:<!DOCTYPE html><title></title>
ব্রায়ান ক্যাম্পবেল

কোনও ধারণা কেবল বৈধতার দৃষ্টিকোণ থেকে নয় head/ ছেড়ে চলে যাওয়া কতটা সামঞ্জস্যপূর্ণ body?
কিবিবু

@ কিবিবু: ব্রাউজারগুলির এতে সমস্যা নেই। অপেরা-র পুরানো সংস্করণগুলি <head>কখনও কখনও ডিওএম- এ বাদ পড়ত তবে প্রধান বিষয়বস্তু ছিল ডিওমে এবং যাইহোক কাজ করে। আমি যে সর্বাধিক সমস্যাটি পেয়েছি তা হ'ল ওপেনআইডি ক্লায়েন্টদের <head>স্পষ্টভাবে উপস্থিত থাকা দরকার।
কর্নেল

11

দ্য langঅ্যাট্রিবিউট খুব সুপরিচিত কিন্তু খুব দরকারী নয়। বৈশিষ্ট্যটি পুরো নথিতে বা একটি একক উপাদানের সামগ্রীর ভাষা চিহ্নিত করতে ব্যবহৃত হয়। ল্যাঙ্গেজ কোডগুলি আইএসও 2-বর্ণের ভাষা কোডে দেওয়া হয় (যেমন ইংরেজির জন্য 'এন', ফরাসী ভাষায় 'ফ্র')।

এটি ব্রাউজারগুলির জন্য দরকারী যারা তাদের উদ্ধৃতি চিহ্নগুলির প্রদর্শন ইত্যাদি সমন্বয় করতে পারে ইত্যাদি Screen স্ক্রিন পাঠকরাও lang বৈশিষ্ট্যটির পাশাপাশি অনুসন্ধান ইঞ্জিনগুলি থেকেও উপকৃত হন ।

সিটপয়েন্টের গুণাবলির কিছু সুন্দর ব্যাখ্যা রয়েছে lang

উদাহরণ

পুরো ডকুমেন্টের জন্য ইংরেজী হওয়ার জন্য ভাষাটি নির্দিষ্ট করুন, যদি না ডিওএমের langনিম্ন স্তরে অন্য কোনও বৈশিষ্ট্য দ্বারা ওভাররাইড না হয়।

<html lang="en">

নিম্নলিখিত অনুচ্ছেদে ভাষাটি সুইডিশ হতে নির্দিষ্ট করুন।

<p lang="sv">Ät din morgongröt och bli stor och stark!</p>

10

"! DOCTYPE" ঘোষণা । এটি কোনও লুকানো বৈশিষ্ট্য মনে করবেন না তবে এটি মনে হয় এটি সুপরিচিত নয় তবে খুব দরকারী।

যেমন

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd">

10
এবং উল্লেখ না করা "বেশিরভাগ বর্তমান মার্কআপ ভাষার জন্য বাধ্যতামূলক এবং এটি ব্যতীত কোনও দলিলকে নির্ভরযোগ্যভাবে বৈধতা দেওয়া অসম্ভব" ... ভ্যালিডেটর.ডব্লিউ.আর.আর.এস.সি.
ডকস

আমি মনে করি না এটি আর "সুপরিচিত" নয়। আইই 6 এবং আইই 7 এর মধ্যে ডক্টাইপ ব্যবহারটি 1% থেকে> 50% এ চলে গেছে।
পলকহীনতা

@ আইলিডলেসনেস বেশিরভাগ আইডিইতে এই ট্যাগটি অন্তর্ভুক্ত থাকে এজন্য এর ব্যবহার বৃদ্ধি পেয়েছে। আমি মনে করি এই ট্যাগটি সুপরিচিত নয়।
ড্যানিয়েল মাউরা

6
এবং একটি কঠোর ডক্টাইপ ব্যবহার করে ব্রাউজারের অসঙ্গতিগুলির 95% সমাধান করে।
অসন্তুষ্ট গোয়াট

3
স্ট্যান্ডআর্টের অংশ এবং 99% বিকাশকারী দ্বারা ব্যবহৃত সেখানে "লুকানো বৈশিষ্ট্য" বলে মনে হয় না।
নটহাগো
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.