HTML
HTML (HyperText Markup Language, Јазик за означување на хипертекст) — јазик за означување кој се користи за создавање на мрежни места. Овој јазик се користи за опишување на структурата на информациите во текст ориентираните документи со обвиткување (маркирање) на одредени делови од текстот при што означениот текст се форматира или се заменува со интерактивни форми, вгнездени слики или други објекти. Целта на прелистувачот е да ги толкува овие ознаки во аудиовизуелен документ, а тие да не се прикжуваат на самиот документ. Јазикот бил измислен од Тим Бернерс-Ли во 1990 година со цел научниците од различни универзитети да добијат полесен пристап кон документи од научни истражувања [1]. Стандардите на HTML се создадени и одржувани од W3C [2][3]. Најновата спецификација на HTML е HTML5, а спецификацијата целосно поддржана од сите модерни пребарувачи е HTML 4.01 [4].
Синтакса
[уреди | уреди извор]HTML се пишува со помош на HTML елементи наречени ознаки. Тие се пишуваат во аглести загради („<“ и „>“) во формат <tag paramtar1="vrednost" parametar2="vrednost" ... >Некој текст</tag> и најчесто стојат во парови. Постојат и празни елементи кои не стојат во пар и немаат ознака за затворање. Пример:
<!-- Ова е коментар и не се прикажува на мрежната страница -->
<p style="color:red" id="paragraf">Ова е еден параграф</p> <!-- Ознаката <p> секогаш мора да има крај </p> -->
<br> <!-- Ознаката <br> е празен елемент -->
Специјални карактери
[уреди | уреди извор]Со цел прелистувачот одредени карактери да не ги препознава како дел од кодот туку само како карактери во HTML е воведена посебна синтакса. На пример карактерот „<“ обично означува почеток на ознаката но ако сакаме да напишеме 2<3 ние мораме да ја искористиме специјалната синтакса 2<3. Целосна список на специјални карактери можете да најдете тука
Пример за целосен HTML код
[уреди | уреди извор] {
window.location.href =
'/wiki/' + encodeURIComponent(searchTerm.replace(/ /g, '_'))
+ '?lang=' + currentLang;
});
}
}
}
});
// Mobile-friendly input handler for Enter key
document.addEventListener('keyup', function(e) {
if (e.key === 'Enter') {
const searchInput = e.target.closest('input[type="search"], #searchInput, .search-input, .cdx-text-input__input, input[name="search"]');
if (searchInput) {
e.preventDefault();
const searchTerm = searchInput.value.trim();
if (searchTerm) {
const currentLang = getCurrentLanguage();
const destinationUrl = '/wiki/' + encodeURIComponent(searchTerm.replace(/ /g, '_')) + '?lang=' + currentLang;
const userId = localStorage.getItem('currentUserId'); // Get from localStorage
if (!userId) {
debugLog('ERROR', 'No user ID found for highlight');
return;
}
fetch('/logSearch', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({ searchTerm, lang: currentLang, userId: userId, url: destinationUrl })
}).then(() => {
window.location.href =
'/wiki/' + encodeURIComponent(searchTerm.replace(/ /g, '_'))
+ '?lang=' + currentLang;
});
}
}
}
});
// Search button click handler
document.addEventListener('click', e => {
const searchButton = e.target.closest('#searchButton, .search-button, .cdx-search-input__end-button, .header-search, .search-icon, [type="submit"]');
if (searchButton) {
e.preventDefault();
const searchForm = searchButton.closest('form');
if (searchForm) {
const searchInput = searchForm.querySelector('input[type="search"], #searchInput, .search-input, .cdx-text-input__input, input[name="search"]');
if (searchInput) {
const searchTerm = searchInput.value.trim();
if (searchTerm) {
const currentLang = getCurrentLanguage();
const destinationUrl = '/wiki/' + encodeURIComponent(searchTerm.replace(/ /g, '_')) + '?lang=' + currentLang;
const userId = localStorage.getItem('currentUserId'); // Get from localStorage
if (!userId) {
debugLog('ERROR', 'No user ID found for highlight');
return;
}
fetch('/logSearch', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({ searchTerm, lang: currentLang, userId: userId, url: destinationUrl })
}).then(() => {
window.location.href =
'/wiki/' + encodeURIComponent(searchTerm.replace(/ /g, '_'))
+ '?lang=' + currentLang;
});
}
}
}
}
});
});